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

JavaScriptのイベントハンドラーとは何ですか？

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

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

ここにいくつかの例があります：

クリック イベントタイプ

これは最も頻繁に使用されるイベントタイプであり、ユーザーがマウスの左ボタンをクリックしたときに発生します。このイベントタイプに対して、検証や警告などを行うことができます。

次の例を試してください。

ライブデモ

<html>
   <head>
      <script>
         <!--
            function sayHello() {
               alert("Hello World")
            }
         //-->
      </script>
   </head>
   <body>
      <p>Click the following button and see result</p>
      <form>
         <input type="button" onclick="sayHello()" value="Say Hello" />
      </form>
   </body>
</html>

マウスオーバー および オンマウスアウト

これらの2つのイベントタイプは、画像やテキストでも素晴らしい効果を生み出すのに役立ちます。 onmouseoverイベントは、マウスを任意の要素の上に置くとトリガーされ、onmouseoutは、マウスをその要素から移動するとトリガーされます。次の例を試してください。

ライブデモ

<html>
   <head>
      <script>
         <!--
            function over() {
               document.write ("Mouse Over");
            }
            function out() {
               document.write ("Mouse Out");
            }
         //-->
      </script>
   </head>
   <body>
      <p>Bring your mouse inside the division to see the result:</p>
      <div onmouseover="over()" onmouseout="out()">
         <h2> This is inside the division </h2>
      </div>
   </body>
</html>

  1. JavaScriptのイベントとは何ですか？

    JavaScriptとHTMLの相互作用は、ユーザーまたはブラウザがページを操作するときに発生するイベントを通じて処理されます。 ページが読み込まれると、イベントと呼ばれます。ユーザーがボタンをクリックすると、そのクリックもイベントになります。その他の例としては、任意のキーを押す、ウィンドウを閉じる、ウィンドウのサイズを変更するなどのイベントがあります。イベントはドキュメントオブジェクトモデル（DOM）レベル3の一部であり、すべてのHTML要素にはJavaScriptコードをトリガーできる一連のイベントが含まれています。 JavaScriptでのonclickイベントの例を見てみましょう。

  2. JavaScriptのPromisesとは何ですか？

    Promiseを使用すると、Promiseの作成時に値が事前にわからない非同期操作を実行できます。約束には、保留中、履行済み、拒否済みの3つの状態があります。 以下はJavaScriptのpromiseのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-sc