<button id = "btn">クリック</button> var btn = document.getElementById( 'btn');
最初のタイプ:
btn.onclick = function(){alert( 'hello world');}イベントの排除:btn.onclick = null; //ボックスはポップアップしません
2番目のタイプ:
btn.addeventlistener( 'click'、function(){alert( 'hello world')}、false); btn.addeventlistener( 'click'、function(){alert(this.id)}、false);3番目のタイプ:
function demo(){alert( 'hello');} <button id = "btn" onclick = "demo()"> click </button>以下は、JSトリガーボタンクリックイベントのガイドです
JSトリガーボタンクリック関数をシミュレートします
<html> <head> <title>通常はfunction </title> </head> <script> function load(){//次の2つの方法はdocument.getelementbyid( "ターゲット")。onclick()と同じ効果を持っています。 document.getElementById( "ターゲット")。クリック(); } function test(){alert( "test"); } </script> <body onload = "load()"> <button id = "ターゲット" onclick = "test()"> test </button> </body> <html>述べる:
btnobj.click()は、ボタンをクリックするための実際の使用プログラムであり、ボタンのonclick()イベントをトリガーします
btnobj.onclick()は、btnobjのonclickによって指摘されたメソッドを呼び出すだけで、メソッドを呼び出してイベントをトリガーしません