comportement onmouseout en js et html

<a href="/somewhere" onmouseout="someFunction()">blah blah blah<img src="blah.jpg"></a>

Dans le lien ci-dessus, j'ai someFunction() lorsque la souris quitte le lien. Semble simple. Mais lorsque je survole l'image 'blah.jpg', l'événement onmouseout se déclenche également. Ce n'est pas souhaitable parce que 'blah.jpg' est en fait dans le noeud a. La même chose se produit si j'ai un div à l'intérieur du nœud a, ou tout autre élément html autre que le texte direct: javascript considère que ceci est sur du nœud a. Existe-t-il un moyen d'empêcher ces événements de déclencher incorrectement? Le comportement décrit est en chrome et ff sur win7.comportement onmouseout en js et html

* Mise à jour: s'il y a une solution jquery, ne dites

Source

2012-04-21 Colin Brogan

On dirait que vous voudrez peut-être 'onmouseup' à la place ... – DanS

Pourquoi serait-événement lié cliquez comme 'mouseup' aide l'OP quand il essaie d'utiliser' mouseout'? –

Peut-être évaluer si le «mouseout» est déclenché en passant à un «childNode»? Je ne suis pas sûr exactement comment, cependant, en JavaScript simple. –

Similaire dans le concept à Shehzad, alors je l'ai voté. Devrait fonctionner cross-browser. en html:

onmouseout='out(this)'

dans js (avec fichier jquery inclus):

out(thisRef) { 
    var newHover = event.relatedTarget || event.toElement; 
    if(!jQuery.contains(thisRef,newHover) && !(thisRef==newHover)) { 
     someFunction(); 
    }

}

Source

2012-04-23 01:18:02

Vous pouvez le faire en vérifiant le type de noeud. Essayez

onmouseout="if ((event.relatedTarget || event.toElement) == this.parentNode) someFunction()"

Source

2012-04-21 20:43:08 Shehzad

Cela fonctionnera très probablement, mais devrait vraiment aller dans son propre gestionnaire. L'avoir dans un attribut 'on-'me donne des cauchemars. –

En outre, ce n'est certainement pas cross-navigateur. –

comportement onmouseout en js et html

Répondre

Questions connexes