HTML 5標準イベントとは何ですか?
ユーザーがWebサイトにアクセスすると、テキストや画像をクリックしたり、リンクを指定したり、カーソルを合わせたりするなどの操作を行います。これらは、JavaScriptがイベントと呼ぶものの例です。
JavaScriptまたはVBScriptでイベントハンドラーを記述でき、これらのイベントハンドラーをイベントタグ属性の値として指定できます。 HTML5仕様では、以下に示すようにさまざまなイベント属性が定義されています-
属性 e | 値 | 説明 |
オフライン | スクリプト | ドキュメントがオフラインになるとトリガーされます |
Onabort | スクリプト | 中止イベントのトリガー |
onafterprint | スクリプト | ドキュメントが印刷された後にトリガーされます |
onbeforeonload | スクリプト | ドキュメントが読み込まれる前にトリガーする |
onbeforeprint | スクリプト | ドキュメントが印刷される前にトリガーします |
Onblur | スクリプト | ウィンドウがフォーカスを失ったときにトリガーされます |
オンカンプレイ | スクリプト | メディアは再生を開始できますが、バッファリングのために停止する可能性がある場合にトリガーされます |
oncanplaythrough | スクリプト | バッファリングを停止せずに、メディアを最後まで再生できる場合にトリガーします |
変更時 | スクリプト | 要素が変更されたときにトリガーされます |
クリック | スクリプト | マウスクリックでトリガー |
oncontextmenu | スクリプト | コンテキストメニューがトリガーされるとトリガーされます |
Ondblclick | スクリプト | マウスをダブルクリックするとトリガーされます |
オンドラッグ | スクリプト | 要素がドラッグされたときにトリガーされます |
オンドラッグ | スクリプト | ドラッグ操作の終了時にトリガー |
ondragenter | スクリプト | 要素が有効なドロップターゲットにドラッグされたときにトリガーされます |
ondragleave | スクリプト | 要素が有効なドロップターゲットを離れたときにトリガーされます |
ondragover | スクリプト | 要素が有効なドロップターゲット上にドラッグされているときにトリガーされます |
ondragstart | スクリプト | ドラッグ操作の開始時にトリガーされます |
オンドロップ | スクリプト | ドラッグされた要素がドロップされているときにトリガーされます |
ondurationchange | スクリプト | メディアの長さが変更されたときにトリガーされます |
空になりました | スクリプト | メディアリソース要素が突然空になったときにトリガーされます。 |
推奨 | スクリプト | メディアが最後に達したときにトリガーされます |
onerror | スクリプト | エラーが発生するとトリガーされます |
onfocus | スクリプト | ウィンドウがフォーカスを取得するとトリガーされます |
onformchange | スクリプト | フォームが変更されたときにトリガーされます |
onforminput | スクリプト | フォームがユーザー入力を取得するとトリガーされます |
onhaschange | スクリプト | ドキュメントが変更されたときにトリガーされます |
入力時 | スクリプト | 要素がユーザー入力を取得するとトリガーされます |
無効 | スクリプト | 要素が無効な場合にトリガーされます |
onkeydown | スクリプト | キーが押されたときにトリガーされます |
onkeypress | スクリプト | キーを押して離すとトリガーされます |
onkeyup | スクリプト | キーが離されるとトリガーされます |
オンロード | スクリプト | ドキュメントが読み込まれるとトリガーされます |
onloadeddata | スクリプト | メディアデータが読み込まれるとトリガーされます |
onloadedmetadata | スクリプト | メディア要素の期間およびその他のメディアデータが読み込まれるとトリガーされます |
onloadstart | スクリプト | ブラウザがメディアデータの読み込みを開始するとトリガーされます |
onmessage | スクリプト | メッセージがトリガーされるとトリガーされます |
onmousedown | スクリプト | マウスボタンが押されたときにトリガーされます |
onmousemove | スクリプト | マウスポインタが移動するとトリガーされます |
onmouseout | スクリプト | マウスポインタが要素の外に移動するとトリガーされます |
マウスオーバー | スクリプト | マウスポインタが要素上を移動するとトリガーされます |
onmouseup | スクリプト | マウスボタンを離すとトリガーされます |
onmousewheel | スクリプト | マウスホイールが回転しているときにトリガーされます |
オンライン | スクリプト | ドキュメントがオフラインになるとトリガーされます |
オノイン | スクリプト | ドキュメントがオンラインになるとトリガーされます |
オンライン | スクリプト | ドキュメントがオンラインになるとトリガーされます |
onpagehide | スクリプト | ウィンドウが非表示のときにトリガーされます |
onpageshow | スクリプト | ウィンドウが表示されるとトリガーされます |
一時停止 | スクリプト | メディアデータが一時停止されたときにトリガーされます |
オンプレイ | スクリプト | メディアデータの再生が開始されるタイミングをトリガーします |
再生中 | スクリプト | メディアデータの再生が開始されたときにトリガーされます |
onpopstate | スクリプト | ウィンドウの履歴が変更されたときにトリガーされます |
進行中 | スクリプト | ブラウザがメディアデータをフェッチしているときにトリガーされます |
onratechange | スクリプト | メディアデータの再生速度が変更されたときにトリガーされます |
onreadystatechange | スクリプト | 準備完了状態が変化したときにトリガーされます |
onredo | スクリプト | ドキュメントがREDOを実行するとトリガーされます |
サイズ変更 | スクリプト | ウィンドウのサイズが変更されたときにトリガーされます |
onscroll | スクリプト | 要素のスクロールバーがスクロールされているときにトリガーされます |
求められている | スクリプト | メディア要素のシーク属性が真でなくなり、シークが終了した場合のトリガー |
探しています | スクリプト | メディア要素のシーク属性がtrueであり、シークが開始された場合のトリガー |
選択時 | スクリプト | 要素が選択されたときにトリガーされます |
インストール済み | スクリプト | メディアデータのフェッチ中にエラーが発生したときにトリガーされます |
onstorage | スクリプト | ドキュメントが読み込まれるとトリガーされます |
送信時 | スクリプト | フォームが送信されるとトリガーされます |
オンサスペンド | スクリプト | ブラウザがメディアデータをフェッチしているが、メディアファイル全体がフェッチされる前に停止した場合にトリガーされます |
ontimeupdate | スクリプト | メディアが再生位置を変更するとトリガーされます |
onundo | スクリプト | ドキュメントが実行されると、元に戻すがトリガーされます |
onunload | スクリプト | ユーザーがドキュメントを離れたときにトリガーされます |
onvolumechange | スクリプト | メディアが音量を変更したとき、および音量が「ミュート」に設定されているときにもトリガーされます |
待機中 | スクリプト | メディアの再生が停止したが、再開することが期待される場合にトリガーされます |
-
HTMLのテーブルrowspanとcolspanとは何ですか?
rowspanとcolspanはタグ属性です。これらは、セルがまたがる行または列の数を指定するために使用されます。 rowspan属性は行用であり、colspan属性は列用です。 これらの属性には数値があります。たとえば、colspan=3は3つの列にまたがります。 次のコードを実行して、HTMLのrowspan属性とcolspan属性を操作してみてください 例 <html> <head> <style> table
-
HTML<script>文字セット属性
要素のcharset属性は、外部スクリプトファイルで使用される文字エンコードを設定するために使用されます。 以下は構文です- <script charset="charset"> 上記では、外部スクリプトファイルで使用される文字エンコードであるcharsetを設定します。 「UTF-8」を使用すると、Unicodeの文字エンコードを設定できます。 要素-のcharset属性を実装する例を見てみましょう。 例 <!DOCTYPE html> <html> <body> <script charset=&quo