1. Présentez d'abord l'utilisation des deux :
<.>
1. Sur l'utilisation : prenez onclick comme exemple
obj.onclick = function(){ //do something.. }
obj.onclick= fn; function fn (){ //do something... }
obj.onclick = function(){fn(param)}; function fn(param){ //do something.. }
Utilisation de addEventListener :
addEventListener(event,funtionName,useCapture)
obj.addEventListener("click",function(){ //do something }));
obj.addEventListener("click",fn,fasle)); function fn(){ //do something.. }
obj.addEventListener("click",function(){fn(parm)},false);
2. entre les deux
1. L'événement on sera écrasé par l'événement on suivant
//obj是一个dom对象,下同//注册第一个点击事件 obj.onclick(function(){ alert("hello world"); }); //注册第二个点击事件 obj.onclick(function(){ alert("hello world too"); });
hello world too
2.addEventListener ne sera pas écrasé.
//注册第一个点击事件 obj.addEventListener("click",function(){ alert("hello world"); })); //注册第二个点击事件 obj.addEventListener("click",function(){ alert("hello world too"); }));
hello world hello world too
3. Notes d'AddEventListener :
< 🎜. >1. Remarque spéciale selon laquelle addEventListener n'est pas compatible avec IE9 et versions antérieures. Pour IE9 et versions antérieures, utilisez attachEvent()
obj.attachEvent(event,funtionName);
event : type d'événement (. doit être écrit comme "onclick "Ajouter devant, c'est différent de addEventListener)
funtionName : nom de la méthode (si vous voulez des paramètres, vous devez également utiliser des fonctions anonymes pour transmettre les paramètres)
4. Collection d'événements :
1. Événement souris :
5. Résumé :
onXXX et addEventListener ajoutent tous deux des écouteurs d'événements aux éléments dom afin qu'ils puissent exécuter les codes et opérations correspondants après le l'événement se produit. Avec eux, nous réalisons l’interaction des pages et des utilisateurs.
Tutoriel vidéo 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!