Discussion :

[Boa67]

Bonjour à tous

- Avant tout, mon problème se situe ici sous Firefox principalement. Sous IE l'évènement selectstart résoud mon problème. Je parlerai donc par exemple uniquement de la fonction addEventListener et non pas des autres variantes -

En bref et pour résumer le problème, j'utilisais document.onmousedown encore il y a peu pour désactiver la sélection du texte lors du déplacement d'un objet dans la page (drag&drop) sous firefox avec ce petit bout de code :

Code :

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

1
2
3
4
5
6
<script type="text/javascript">
document.onmousedown=fonction_test;
function fonction_test() {
    if(drag_and_drop_actif) return false;
}
</script>

Actuellement je m'occupe de regrouper mes fonctions dans une bibliothèque de fonctions. Pour maximiser la compatibilité avec d'autres fonctions utilisant le "document.onmousedown", j'ai dû utiliser la fonction addEventListener pour les appeler toutes en même temps lors d'un "click".

Voilà donc le nouveau morceau de code :

Code :

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

1
2
3
4
5
6
<script type="text/javascript">
document.addEventListener('mousedown', fonction_test, true);
function fonction_test() {
    if(drag_and_drop_actif) return false;
}
</script>

... Et là, c'est le drame. Ca ne fonctionne plus !

Voilà d'où découlent mes deux questions :
* Quelle est (sont) la (les) différence(s) entre addEventListener et document.on"evenement"?
* Quelle solutions proposeriez-vous dans ce cas précis?

Merci d'avance pour vos réponses =}
Bonne soirée.

[marts]

La démarche est bonne, effectivement addEventListener permet d'avoir plusieurs écouteurs pour le même évènement.
Mais il faut indiquer l'évènement sans "on" :

Code :

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

document.addEventListener('mousedown', fonction_test, true);

[Boa67]

Ah ! oui c'était une erreur de frappe.
Merci, j'ai corrigé. (mais le problème reste le même =/)


Edit : J'ai mis des exemples concrets en pièce jointe. =)

[marts]

Code :

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

1
2
3
4
5
 
function fonction_test(event) {
    event.preventDefault();
	return false;
}

[Boa67]

Merci beaucoup.