• addEventListener a 3 paramètres, comme indiqué ci-dessous:
element.addeventListener (type, écouteur, useCapture);
| paramètre | Description du paramètre |
|---|---|
| élément | L'objet pour lier l'événement et le nœud HTML. |
| taper | Pour le nom de l'événement, veuillez supprimer le "ON" avant l'événement. Par exemple, "OnClick" devrait être écrit comme "cliquer", et "OnMouseover" devrait être écrit comme "Mouseover". |
| auditeur | Pour lier la fonction d'écoute d'événements, veillez à écrire uniquement le nom de la fonction et n'incluez pas de supports. |
| usercapture | La méthode de surveillance des événements ne peut être vraie que vraie: vraie, adoptant le mode de capture; Faux, adoptant le mode bulle. S'il n'y a pas d'exigences particulières, elle est généralement fausse. |
Ici, il est nécessaire de parler de la différence entre le mode de capture et le mode bulle.
Comme le montre la figure, il y a deux couches d'éléments div et les deux définissent les événements de clic. De manière générale, si je clique sur l'élément bleu intérieur déclenchera non seulement l'événement de clic de l'élément bleu, mais déclenchera également l'événement de clic de l'élément rouge en même temps. Le paramètre UseCapture est de contrôler l'ordre des deux événements de clic pour le moment. S'il est faux, le mode bulle sera utilisé. Il s'agit d'un processus de l'intérieur, donc l'événement de clic de l'élément bleu sera d'abord exécuté, puis l'événement de clic de l'élément rouge. Si c'est vrai, c'est le mode de capture. Contrairement au mode bulle, il est de l'extérieur vers l'intérieur. L'événement de clic de l'élément rouge sera exécuté avant avant que l'événement de clic de l'élément bleu ne soit exécuté.
Si l'utilisation utilisée par les éléments de différentes couches est différente, l'élément cible recherchera d'abord les événements définis en mode capture à partir de l'élément le plus extérieur. Après avoir atteint l'élément cible pour exécuter l'événement de l'élément cible, recherchez les événements définis en mode bulle.
• attachEvent a 2 paramètres, comme indiqué ci-dessous:
element.Attachevent (type, écouteur);
| paramètre | Description du paramètre |
|---|---|
| élément | L'objet pour lier l'événement et le nœud HTML. |
| taper | Pour le nom de l'événement, veuillez ajouter "sur" avant l'événement, tel que "onClick" et "OnMouseover", qui est la différence par rapport à AddeveventListener. |
| auditeur | Pour lier la fonction d'écoute d'événements, veillez à écrire uniquement le nom de la fonction et n'incluez pas de supports. |
addEventListener () est une méthode standard pour lier la fonction d'écoute des événements, qui est prise en charge par W3C. Chrome, Firefox, Opera, Safari, IE9.0 et surtout prennent en charge cette fonction; Cependant, IE8.0 et ci-dessous ne prennent pas en charge cette méthode, il utilise Pi SettEvent () pour lier la fonction d'écoute des événements. Par conséquent, cette méthode d'événement de liaison doit faire face aux problèmes de compatibilité du navigateur.
CODE COMPATIBLE AVEC IE ET DE LIAISON DE NUSTRAUX IE ET LIGNEMENTS:
fonction addevevent (obj, type, manche) {try {// chrome, firefox, opéra, safari, ie9.0 et ci-dessus versions obj.addeventListener (type, manche, false); } catch (e) {try {// ie8.0 et ci-dessous versions obj.attachevent ('on' + type, manche); } catch (e) {// Browser précoce obj ['on' + type] = manche; }}}ou
fonction regevent (ele, event_name, fun) {if (window.attachevent) ele.attachevent (event_name, fun); // IE Browser else {event_name = event_name.replace (/ ^ on /, ""); // Si au début, supprimez, comme onClick-> cliquez sur ele.addeventListener (event_name, fun, false); // Browser non IE}}L'article ci-dessus parle brièvement de la différence entre AddeventListener et Piévacte est tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.