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

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

onClickイベントは、ユーザーがマウスの左ボタンをクリックしたときに発生する、最も頻繁に使用されるイベントタイプです。

例

このイベントタイプに対して、検証や警告などを行うことができます。

ライブデモ

<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>

  1. JavaScript Onclick：ステップバイステップガイド

    JavaScriptのonclickイベントは、ユーザーがボタンまたは別のWeb要素をクリックしたときに関数を実行します。このメソッドは、HTMLドキュメントとJavaScriptドキュメントの両方でインラインで使用されます。 JavaScriptでコーディングしている場合、ユーザーがWebページを操作するときにコードを実行するのが一般的です。たとえば、ユーザーがボタンを押したときに何かが発生したい場合があります。しかし、JavaScriptでこの機能をどのように実装しますか？ そこで、「onclick（）」イベントが役立ちます。 onclickイベントは、最も一般的に使用されるイベ

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

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