Maison > Article > interface Web > Explication détaillée du modèle d'événement JS
Cet article partage principalement avec vous l'explication détaillée du modèle d'événement JS, principalement sous forme de code, j'espère qu'il pourra vous aider.
1. Modèle en ligne
<body> <input type="button" value="test1" onclick=' alert("dian ji shi jian")'/> <input type="button" value="test2" onclick="dian()" /> <script> function dian(){ alert("dian ji shi jian") } </script> </body>
2. Modèle de script
<body> <input type="button" value="test3" id="dian1"/> <input type="button" value="test4" id="dian2"/> <input type="button" value="test5" id="dian3"/> <script> //可通过匿名函数 var dian1 = document.getElementById('dian1');//首先找到这个ID dian1.onclick = function(){//根据ID付给它一个点击事件 alert('dian ji shi jian'); }; //通过函数赋值 function dianji(){ alert('dian ji shi jian'); }; var dian2 = document.getElementById('dian2'); dian2.onclick=dianji; //得到元素的名字 var dian3 = document.getElementById('dian3'); dian3.onclick = function(){ alert(this.tagName); }; //删除点击事件 var dian3 = document.getElementById('dian3'); var count=0; dian3.onclick = function(){ alert(count++); if(count==3){ dian3.onclick = null; } }; </script> </body>
Recommandations associées :
Modèle d'événement détaillé explication
Vous amène à comprendre rapidement le modèle d'événement en javascript
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!