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

クリックイベントでJavaScript関数を呼び出す方法は?


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

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

onclick()イベントは、ユーザーがマウスの左ボタンをクリックしたときに発生します。このイベントタイプに対して、検証、警告などを配置します。

クリックイベントでJavaScript関数を呼び出す方法は?

次のコードを実行して、クリックイベントでJavaScript関数を呼び出すことができます-

    

クリック次のボタンで結果を確認


  1. HTMLボタンを使用してJavaScript関数を呼び出す方法は?

    HTMLボタンを使用してJavaScript関数を呼び出す最も簡単な方法を以下に示します- <input id = "Double Click here" type = "button" value = "clickme" ondblclick = "myFunction();" /> DOMプロパティに追加して以下を使用することもできます- document.getElementById("Double Click here ").ondblclick = myFunction;

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