最も簡単なことはこれです：
<入力型= "button" onclick = "alert（this.value）" value = "i are a button" />
onclickイベントを動的に追加します：
<入力タイプ= "button" value = "i a a button" id = "bu"> <script type = "> javascript"> var bobj = document.getelementbyid（ "bu"）; bobj.onclick = objclick; function objclick（）{alert（this.value）}; </script>匿名関数function（）{}を使用する場合、次のとおりです。
<入力型= "button" value = "i a a button" id = "bu"> <script type = "text/javascript"> var bobj = document.getelementbyid（ "bu"）; bobj.onclick = function（）{alert（this.value）}; </script>上記の方法は実際には同じ原則であり、それらはすべてonClick属性の値を定義します。 obj.onclick = method1など、obj.onclickが複数回定義されている場合、それは注目に値します。 obj.onclick = method2; obj.onclick = method3、その後、最後の定義のみがobj.onclick = method3のみが有効になり、前の2つの定義は最後の定義によって上書きされます。
IEのAttachEventをもう一度見てみましょう。
<入力型= "button" value = "i ame wame" id "id =" bu "> <script type =" text/javascript "> var bobj = document.getelementbyid（" bu "）; bobj.attachevent（" onclick "、method1）; bobj.attachevent（" onclick "、onclick"、method2）; alert "）} function method2（）{alert（" second alert "）} function method3（）{alert（" third alert "）} </script>実行順序は、Stack内の変数と同様に、Method3> method2> method1、最初に出入りします。 AttachEventの最初のパラメーターが開始されることに注意してください。
（未確認の検証）IEでActibleEventを使用した後、DeTacheventを使用してメモリを解放することをお勧めします。
FirefoxのAddEventListenerを見てみましょう。
<入力型= "button" value = "i am bush" id = "bu"> <スクリプトタイプ= "text/javascript"> var bobj = document.getelementbyid（ "bu"）; bobj.addeventlistener（ "click"、method1、false）; bobj.addeventlistener（ "click）; bobj.adeventlistener（" false）; method1（）{alert（ "first alert"）} function method2（）{alert（ "second alert"）} function method3（）{alert（ "third alert"）} </script>ご覧のとおり、FFでの実行順序はMethod1> Method2> Method3です。 AddEventListenerには3つのパラメーターがあることに注意してください。 1つ目は、クリック/マウスオーバー/フォーカスなど、「オン」のないイベント名です。
JSによって動的に追加されたDIVのOnClickイベントの簡単な例は、私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。