Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptのイベントとは何ですか?


JavaScriptとHTMLの相互作用は、ユーザーまたはブラウザがページを操作したときに発生するイベントを通じて処理されます。

ページが読み込まれると、イベントと呼ばれます。ユーザーがボタンをクリックすると、クリックしてイベントになります。その他の例としては、任意のキーを押す、ウィンドウを閉じる、ウィンドウのサイズを変更するなどのイベントがあります。

開発者はこれらのイベントを使用して、JavaScriptでコード化された応答を実行できます。これにより、ボタンでウィンドウを閉じたり、メッセージをユーザーに表示したり、データを検証したり、その他の考えられるあらゆる種類の応答を実行したりできます。

標準のHTML5イベントの一部を以下に示します-

属性

説明
オフライン
スクリプト
ドキュメントがオフラインになるとトリガーされます
Onabort
スクリプト
中止イベントのトリガー
Onafterprint
スクリプト
ドキュメントが印刷された後にトリガーされます
onbeforeonload
スクリプト
ドキュメントが読み込まれる前にトリガーします
onbeforeprint
スクリプト
ドキュメントが印刷される前にトリガーします
Onblur
スクリプト
ウィンドウがフォーカスを失ったときにトリガーされます
Oncanplay
スクリプト
メディアが再生を開始できるが、バッファリングのために停止しなければならない場合がある場合にトリガーします
oncanplaythrough
スクリプト
バッファリングを停止せずに、メディアを最後まで再生できる場合にトリガーします
変更時
スクリプト
要素が変更されたときにトリガーされます



  1. JavaScriptでの中止イベントの使用法は何ですか?

    中絶を使用します 画像の読み込みを中止するイベント。次のコードを実行して、JavaScriptで中止イベントを実装する方法を学ぶことができます。 例 <!DOCTYPE html> <html>    <body>       <script>          function abortFunc() {             alert('Error- Loading of

  2. JavaScriptでのイベントキャプチャとは何ですか?

    イベントキャプチャ イベントキャプチャ イベントは最上位の要素からターゲット要素まで開始されます。 イベントバブリングの反対です。 、ターゲット要素から最上位要素まで。 コードの詳細 次のコードでは、bodyセクションで3つのdiv要素が取得され、それらがネストされるようにスタイルが適用されています。 addEventListener を使用して、各divタグにイベントハンドラーを追加します ()。 ここでイベントが「クリック」であることを確認してください 「イベント。 addEventListener() メソッドは3つのパラメーターを受け入れます。 a)アクセスしようとし