Stopper onmouseover/out ( via cancelBubble)
Salut , je souhaiterais arrèter les évènements mouseover/out exemple :
coté html :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<dt>Menu 3</dt>
<dd id="menu">
<ul>
<li><a href="#" onMouseOver="alert('test');">test 1</a></li>
<li><a href="#">test 2</a></li>
<li><a href="#">test 3</a></li>
<li><a href="#">test 4</a></li>
</ul>
</dd>
<p id="msg"></p>
<script type="text/javascript">
var div=document.getElementById("menu");
div.addEventListener("mouseover", over, false);
div.addEventListener("mouseout", out, false);
</script> |
coté js :
Code:
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
|
function out(e) {
// compatibilité
if (!e) var e = window.event;
document.getElementById("msg").innerHTML += "out ! ";
if(e.cancelBubble)
{
e.cancelBubble = true;
}
else {
e.stopPropagation();
}
}
function over(e) {
if (!e) var e = window.event;
document.getElementById("msg").innerHTML += "over ! ";
if(e.cancelBubble)
{
e.cancelBubble = true;
}
else {
e.stopPropagation();
}
} |
malheureusement , l'alert est tout le temps déclenché :roll:
