Introduction à la différence entre les événements de niveau DOM0 et les événements de niveau DOM2 dans JS

Événement de niveau DOM0

 <a href = "#" id = "hash" onclick = "fn (); fn ();"> <bouton type = "bouton"> revenez à ce qui précède pour activer </fitton> </a> var btn = $ ('# hash'). get (); btn.onclick = function () {alert ('');}; btn.onclick = function () {alert ('');};

Par exemple, si l'onclick est écrit dans la balise ci-dessus, ce sont tous les événements de niveau DOM0, et FN et FN1 sont exécutés en séquence; Le deuxième type pour obtenir des éléments et lier l'événement onClick est également de niveau DOM0. Le second écrasera le premier onclick, et écrasera également l'onclick dans la ligne, et seulement 222 apparaîtront.

Événement de niveau DOM2

 $ ('# hash'). cliquez (function () {alert ('jq's Dom2 Click')}); $ ('# hash'). Cliquez sur (fonction () {alert ('jq's Dom2 deuxième clic')}); btn.addeventListener ('click' de jq, function () {alert ('natif Dom2 natif First First. cliquez sur ')}, false); btn.addeventListener (' click ', function () {alert (' natif dom2 deuxième clic ')}, false); btn.addeventListener (' cliquez '

Les liaisons ci-dessus sont toutes la liaison des événements DOM2. Les deux premiers sont des méthodes de liaison JQ, et les seconds sont des méthodes de liaison JS natives, qui ne seront pas écrasées. La méthode de liaison JQ et la méthode de liaison native seront exécutées tour à tour. Il s'agit d'aller ailleurs au niveau DOM0;

Coexist DOM0 et DOM2

 <a href = "#" id = "hash" onclick = "fn (); fn1 ();"> <bouton type = "Button"> revenez à ce qui précède pour activer </fitton> </a> <script type = "text / javascrip btn = $ ('# hash'). get (0); btn.onclick = function () {alert ('111');}; $ ('# hash'). cliquez (function () {alert ('JQ's DOM2 Cliquez pour la première fois')}); btn.addeventListener ('click', fonction () {alert ('native dom2 niveau de dom2 cliquez sur ')}, false); </cript>

L'exemple ci-dessus a deux événements de liaison DOM0 et deux niveaux DOM3. Le niveau DOM0 écrit en JS couvrira les méthodes FN et FN1 dans la ligne, mais Dom0 en JS peut boire le coexiste DOM2, et le résultat est que le clic de niveau DOM2 de 111 JQ est apparu. La première fois que le niveau de niveau DOM2 natif est cliqué;

Le contenu ci-dessus est une introduction à la différence entre les événements de niveau DOM0 et les événements de niveau DOM2 dans JS qui vous sont présentés par l'éditeur. J'espère que cela vous sera utile. En même temps, je voudrais vous remercier beaucoup pour votre soutien pour le site Web de Wulin.com!