Discussion :

[ne2sbeal]

Bonjour,

J'ai un problème en javascript au sujet des évenements. J'assigne des evènements à des objets grâce à cette méthode :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
function addEvent(obj,event,fct){
     if(obj.attachEvent)
        obj.attachEvent('on' + event,fct);
     else
        obj.addEventListener(event,fct,true);
}

Dans mon cas je crée un évenement comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

addEvent(onglet,"mouseout",function (){onglet.style.backgroundImage='url(../../images/bouton_on.png)'; onglet.style.cursor='normal';});

Maintenant à un moment je ne veux plus cet évènement mais le supprimer. J'ai essayé plusieurs solution mais ça na pas marché.

Merci d'avance pour votre aide.

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

addEvent(onglet,"mouseout",function (){void(0);});

[Bovino]

Habituellement, ce type de fonction est accompagné d'une autre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
function removeEvent(obj,event,fct){
    if (obj.detachEvent) {
        obj.detachEvent("on" + event, fct);
    }
    else {
        obj.removeEventListener(event, fct, true);
    }
}

[SpaceFrog]

arf add ....
= ajout

donc :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
function removeEvent(obj,event){
obj.event=function(){void(0);};
}

reste à savoir si tu cherche à supprimer juste une fonction ou carrément l'évènement entier.

La solution de Beef est plus selective ^^

[BaBeuH]

Par contre, l'utilisation de fonction anonyme avec addEvent/removeEvent empêche de supprimer la fonction associée, il est nécessaire de nommer les fonctions pour pouvoir ensuite les supprimer.

ex:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
function addEvent(obj,event,fct){
     if(obj.attachEvent)
        obj.attachEvent('on' + event,fct);
     else
        obj.addEventListener(event,fct,true);
}
 
function removeEvent(obj,event,fct){
    if (obj.detachEvent) {
        obj.detachEvent("on" + event, fct);
    }
    else {
        obj.removeEventListener(event, fct, true);
    }
}
 
function toto()
{
    alert("toto");
}
 
/* Pour ajouter la fonction à l'événement */
addEvent(onglet,"mouseout",toto);
 
/* Pour supprimer la fonction à l'événement */
removeEvent(onglet,"mouseout",toto);

@SpaceFrog

function removeEvent(obj,event){
obj.event=function(){void(0);};
}

Comment ça marche ?

[Bovino]

Par contre, l'utilisation de fonction anonyme avec addEvent/removeEvent empêche de supprimer la fonction associée

Non :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function addEvent(obj,event,fct){
     if(obj.attachEvent)
        obj.attachEvent('on' + event,fct);
     else
        obj.addEventListener(event,fct,true);
}
 
function removeEvent(obj,event,fct){
    if (obj.detachEvent) {
        obj.detachEvent("on" + event, fct);
    }
    else {
        obj.removeEventListener(event, fct, true);
    }
}
 
/* Pour ajouter la fonction à l'événement */
addEvent(onglet,"mouseout",function(){alert('toto');});
 
/* Pour supprimer la fonction à l'événement */
removeEvent(onglet,"mouseout",function(){alert('toto');});

Fonctionne aussi, le seul impératif est que ce 3e paramètre soit identique dans le add et dans le remove

[ne2sbeal]

Par contre, l'utilisation de fonction anonyme avec addEvent/removeEvent empêche de supprimer la fonction associée, il est nécessaire de nommer les fonctions pour pouvoir ensuite les supprimer.

ex:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
function addEvent(obj,event,fct){
     if(obj.attachEvent)
        obj.attachEvent('on' + event,fct);
     else
        obj.addEventListener(event,fct,true);
}
 
function removeEvent(obj,event,fct){
    if (obj.detachEvent) {
        obj.detachEvent("on" + event, fct);
    }
    else {
        obj.removeEventListener(event, fct, true);
    }
}
 
function toto()
{
    alert("toto");
}
 
/* Pour ajouter la fonction à l'événement */
addEvent(onglet,"mouseout",toto);
 
/* Pour supprimer la fonction à l'événement */
removeEvent(onglet,"mouseout",toto);

@SpaceFrog


Comment ça marche ?

Je ne sais pas pourquoi mais l'evenement ne se créé pas

edit : si mais par contre si on veux créé une fonction de type :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
function toto(test)
{
    alert(test);
}

Comment on crée l'evenement? car addEvent(onglet,"mouseout",toto(1)); ne marche pas