クリックイベントでJavaScript関数を呼び出す方法は?
JavaScriptとHTMLの相互作用は、ユーザーまたはブラウザがページを操作したときに発生するイベントを通じて処理されます。
ページが読み込まれると、イベントと呼ばれます。ユーザーがボタンをクリックすると、クリックしてイベントになります。その他の例としては、任意のキーを押す、ウィンドウを閉じる、ウィンドウのサイズを変更するなどのイベントがあります。
onclick()イベントは、ユーザーがマウスの左ボタンをクリックしたときに発生します。このイベントタイプに対して、検証、警告などを配置します。
例
次のコードを実行して、クリックイベントでJavaScript関数を呼び出すことができます-
クリック次のボタンで結果を確認
-
HTMLボタンを使用してJavaScript関数を呼び出す方法は?
HTMLボタンを使用してJavaScript関数を呼び出す最も簡単な方法を以下に示します- <input id = "Double Click here" type = "button" value = "clickme" ondblclick = "myFunction();" /> DOMプロパティに追加して以下を使用することもできます- document.getElementById("Double Click here ").ondblclick = myFunction;
-
JavaScript関数呼び出し
JavaScriptのcall()関数を使用すると、異なるオブジェクトから同じメソッドを使用できます。ここでは、パラメータが個別に渡されます。 以下は、JavaScript関数call()のコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0