Maison >interface Web >js tutoriel >Comment dissocier des événements en javascript

Comment dissocier des événements en javascript

醉折花枝作酒筹
醉折花枝作酒筹original
2021-04-16 16:43:365220parcourir

Méthode : 1. Utilisez l'instruction "object name.onclick=null" ; 2. Utilisez l'instruction "object name.removeEventListener(type, function(){},false)" 3. Utilisez l'instruction "object name.removeEventListener(type, function(){},false)". Instruction .detachEvent" (type, nom)".

Comment dissocier des événements en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Encapsule une méthode de liaison d'événement de compatibilité En fonction des besoins, il est parfois nécessaire de contacter l'événement après le déclenchement de la liaison d'événement.

Méthode d'événement de dissociation :

1. Dissocier onclick

 element.onclick = false/''/null

Instance

<p></p>
 var p = document.getElementByTagName("p")[0]; 
    p.onclick = function () {
    console.log("a");
    p.onclick = null; 
}

2. , false),

Utilisez delete pour annuler

pour annuler addEventListener(type, function(){}, false), le type d'événement, la fonction et false doivent correspondre un à un

Mauvaise façon de libérer

var p = document.getElementByTagName("p");
p.addEventListener(&#39;click&#39;,function(){
    console.log("a");
},false)
p.removeEventListener(type,(function(){console.log("a");}),false)

Cette situation ne peut pas être résolue

Bonne manière de libérer

function test(){
    console.log("a");
}
p.addEventListener(&#39;click&#39;,test,false);
p.removeEventListener(&#39;click&#39;,test,false);

3. Release attachEvent('on'+ type, function( ) {}), utilisez detachEvent('on'+type, function(){}) pour publier

function test(){}
obj.attachEvent(&#39;on&#39;+ type,test);
obj.detachEvent(&#39;on&#39;+type,test)

[Apprentissage recommandé : Tutoriel avancé 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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn