JavaScriptでは、要素のイベントを指定できます。それらを指定するには3つの方法があります。
1。HTMLでは、onClick属性を使用します
2。JavaScriptで、OnClick属性を使用します
3。Javasciptでは、AddevenListener()メソッドを使用します
3つの方法の比較
(1)2番目と3番目の方法では、イベントオブジェクトを関数に渡すことができ、対応するプロパティを読み取ることができますが、方法1は使用できません。
(2)2番目と3番目のタイプが推奨されます。最初のタイプは、コンテンツをイベントから分離するのに役立ちません。また、イベントオブジェクトの関連コンテンツを使用することも不可能です。
いくつかの構文の詳細
(1)最初の方法では、OnClickケースは無関係ですが、2番目の方法では、小文字を使用する必要があります。 hmtlは症例に敏感ではないため、JSはケースに敏感です。
(2)2番目と3番目の方法では、関数名を指定するときに二重引用符はありませんが、最初の方法はHTML属性であり、二重引用符が必要です。
(3)最初の方法にはブラケットが必要ですが、2番目と3番目のメソッドは括弧ではありません。
onclick = "clickhandler()" document.getElementById( "jsonclick")。onclick = clickhandler2; document.getElementById( "AddEventListener")。AddEventListener( "Click"、clickhandler2);
完全なコードは次のとおりです。
<!doctype html> <html> <head> <meta charset = "utf-8"> <title>偶数deom </title> </head> <body> <button id = "htmlonclick" onclick = "clickhandler()"> htmlonclick </button> <ボタン= " id = "addeventlistener"> addeventlistener </button> <script defer> function clickhandler(){alert( "onclick属性のhtml"); }関数clickhandler2(e){alert(e.target.innerhtml); } document.getElementById( "jsonclick")。onclick = clickhandler2; document.getElementById( "AddEventListener")。AddEventListener( "Click"、clickhandler2); </script> </body> </html>JavaScriptでは、要素のイベントを指定できます。それらを指定するには3つの方法があります。
1。HTMLでは、onClick属性を使用します
2。JavaScriptで、OnClick属性を使用します
(1)関数名には二重引用符がないことに注意してください。
3。Javasciptでは、AddevenListener()メソッドを使用します
3つの方法の比較
(1)2番目と3番目の方法では、イベントオブジェクトを関数に渡すことができ、対応するプロパティを読み取ることができますが、方法1は使用できません。
いくつかの構文の詳細
(1)最初の方法では、OnClickケースは無関係ですが、2番目の方法では、小文字を使用する必要があります。 hmtlは症例に敏感ではないため、JSはケースに敏感です。
(2)2番目と3番目の方法では、関数名を指定するときに二重引用符はありませんが、最初の方法はHTML属性であり、二重引用符が必要です。
(3)最初の方法にはブラケットが必要ですが、2番目と3番目のメソッドは括弧ではありません。
onclick = "clickhandler()" document.getElementById( "jsonclick")。onclick = clickhandler2; document.getElementById( "AddEventListener")。AddEventListener( "Click"、clickhandler2);
完全なコードは次のとおりです。
<!doctype html> <html> <head> <meta charset = "utf-8"> <title>偶数deom </ittitle> </head> <body> <botute id = "htmlonclick" onclick = "clickhandler()" "> htmlonclick </button> <ボタン=" id = "addeventlistener"> addeventlistener </button> <script defer> function clickhandler(){alert( "onclick属性のhtml");} function clickhandler2(e){alert(e.target.innerhtml);} document.getelementyid( "jsonclick") ")。 ClickHandler2; document.getElementById( "addeventlistener")。AddEventListener( "Click"、clickhandler2); </script> </body> </html>