level 9
百度 js阻止冒泡
2013年05月21日 07点05分
level 9
![[泪]](/static/emoticons/u6cea.png)
百度得到 我就不来了。。。![[汗]](/static/emoticons/u6c57.png)
百度不到 我就不会说了。。。
level 6
level 5
evt.stopPropagation ?evt.stopPropagation() : (evt.cancelBubble=true);
哪里要阻止就放哪里
2013年05月21日 08点05分
6
哪里要阻止就放哪里
level 5
<Script>
var oDiv1=document.getElementById('a');
var oDiv2=document.getElementById('b');
oDiv1.onmouseover=function()
{
alert(1)
}
oDiv2.onmouseover=function(evt)
{
evt.stopPropagation?evt.stopPropagation():evt.cancelBubble=true;
}
</script>
2013年05月21日 09点05分
7
var oDiv1=document.getElementById('a');
var oDiv2=document.getElementById('b');
oDiv1.onmouseover=function()
{
alert(1)
}
oDiv2.onmouseover=function(evt)
{
evt.stopPropagation?evt.stopPropagation():evt.cancelBubble=true;
}
</script>
![[真棒]](/static/emoticons/u771fu68d2.png)
多谢各位大神 解决了~~ 3Q3Q
level 10
阻止冒泡对付简单的还好说
如果子结构有数十个呢？
实际上，从a移动到b，触发的事件顺序是这样的：
a的mouseout
b的mouseover
a的mouseover
所以可以用延迟解锁来做兼容处理
var lock=false;
//这是 绑定在a的mouseout上的函数：
var aOut=function(){
lock=false;//鼠标从a移出后解锁
setTimeout(function(){
if(lock){return;}
//这里写真正要在a的mouseout时做的事
}，50);
}
//下面是绑定在a的 mouseover上的函数：
var aOver=function(){
lock=true;
}
这样当你从a移入b时，lock会在瞬间先变false后变true，而这时在aOut里延迟了50毫秒执行的函数检查到lock为true就直接return了，不会做真正要做的事
2013年05月21日 09点05分
8
如果子结构有数十个呢？
实际上，从a移动到b，触发的事件顺序是这样的：
a的mouseout
b的mouseover
a的mouseover
所以可以用延迟解锁来做兼容处理
var lock=false;
//这是 绑定在a的mouseout上的函数：
var aOut=function(){
lock=false;//鼠标从a移出后解锁
setTimeout(function(){
if(lock){return;}
//这里写真正要在a的mouseout时做的事
}，50);
}
//下面是绑定在a的 mouseover上的函数：
var aOver=function(){
lock=true;
}
这样当你从a移入b时，lock会在瞬间先变false后变true，而这时在aOut里延迟了50毫秒执行的函数检查到lock为true就直接return了，不会做真正要做的事
level 2