Am einfachsten ist es:
<input type="button" onclick="alert(this.value)" value="我是 button" />
Onclick-Ereignis dynamisch hinzufügen:
<input type="button" value="我是 button" id="bu"> <script type="text/javascript"> var bObj=document.getElementById("bu"); bObj.onclick= objclick; function objclick(){alert(this.value)}; </script>
Wenn Sie die anonyme Funktion function(){} verwenden, ist dies wie folgt:
<input type="button" value="我是 button" id="bu"> <script type="text/javascript"> var bObj=document.getElementById("bu"); bObj.onclick=function(){alert(this.value)}; </script>
Die oben genannten Methoden sind tatsächlich dieselben Im Prinzip definieren alle den Wert des onclick-Attributs. Es ist zu beachten, dass, wenn obj.onclick = method1; obj.onclick = method3, nur die letzte Definition von obj.onclick = method3 wirksam wird. und die ersten beiden Definitionen werden wirksam. Die Definitionen von wurden durch die letzte überschrieben.
Sehen Sie sich das attachmentEvent im IE an:
<input type="button" value="我是拉登" id="bu"> <script type="text/javascript"> var bObj = document.getElementById("bu"); bObj.attachEvent("onclick",method1); bObj.attachEvent("onclick",method2); bObj.attachEvent("onclick",method3); function method1(){alert("第一个alert")} function method2(){alert("第二个alert")} function method3(){alert("第三个alert")} </script>
<input type="button" value="我是布什" id="bu"> <script type="text/javascript"> var bObj = document.getElementById("bu"); bObj.addEventListener("click",method1,false); bObj.addEventListener("click",method2,false); bObj.addEventListener("click",method3,false); function method1(){alert("第一个alert")} function method2(){alert("第二个alert")} function method3(){alert("第三个alert")} </script>
Weitere einfache Beispiele für Onclick-Ereignisse in DIVs, die von js dynamisch hinzugefügt werden, finden Sie auf der chinesischen PHP-Website für verwandte Artikel!