Introduction à la différence entre les événements de niveau dom0 et les événements de niveau dom2 dans les compétences JS_javascript

événement dom niveau 0

<a href="#" id="hash" onclick="fn();fn();">
<button type="button">返回上面进行开通</button>
</a> 
var btn=$('#hash').get();
btn.onclick=function(){
alert('');
};
btn.onclick=function(){
alert('');
}; 

Écrire onclick dans la balise comme ci-dessus est un événement de niveau dom0, et fn et fn1 sont exécutés en séquence ; la deuxième façon d'obtenir un élément et de lier un événement onclick est également au niveau dom0, et la seconde écrasera le premier onclick. Remplacer le onclick dans la ligne ne fera apparaître que 222.

événement niveau dom2

$('#hash').click(function(){
alert('jq的dom2级点击第一次')
});
$('#hash').click(function(){
alert('jq的dom2级点击第二次')
});
btn.addEventListener('click',function(){
alert('原生dom2级第一次click')
},false);
btn.addEventListener('click',function(){
alert('原生dom2级第二次click')
},false) 

Les liaisons ci-dessus sont toutes des liaisons d'événements au niveau DOM2. Les deux premières sont des méthodes de liaison jq, et les deux dernières sont des méthodes de liaison js natives. Elles ne seront pas écrasées et exécuteront les méthodes de liaison jq et les méthodes natives dans l'ordre. méthode de liaison, il s'agit d'aller ailleurs au niveau dom0

dom0 et dom2 cohabitent

<a href="#" id="hash" onclick="fn();fn1();">
<button type="button">返回上面进行开通</button>
</a>
<script type="text/javascript">
function fn(){
alert('ade');
}
function fn1(){
alert('ade111');
}
var btn=$('#hash').get(0);
btn.onclick=function(){
alert('111');
};
$('#hash').click(function(){
alert('jq的dom2级点击第一次')
});
btn.addEventListener('click',function(){
alert('原生dom2级第一次click')
},false);
</script> 

L'exemple ci-dessus a deux événements de liaison de niveau dom0 et deux événements de liaison de niveau dom3. Le niveau dom0 écrit en js remplacera les méthodes fn et fn1 dans la ligne, mais dom0 en js peut coexister avec dom2, et le résultat est 111. Le le premier clic du niveau dom2 de jq est la première fois que le niveau dom2 natif est cliqué
 ;

Le contenu ci-dessus est l'introduction de l'éditeur aux différences entre les événements de niveau dom0 et les événements de niveau dom2 dans JS. J'espère qu'il vous sera utile. En même temps, je suis très reconnaissant pour votre soutien au script. Site Internet de la maison !