js高手请进 div冒泡事件的疑惑 有加分 30
<ulstyle="width:150px;height:40px;border:#006699solid1px;padding:10px;"onmouseout="hi...
<ul style="width:150px; height:40px; border:#006699 solid 1px; padding:10px;" onmouseout="hide(this)">
<li style="width:100px; height:20px; background:#0033CC;"></li>
</ul> 原意是:只有鼠标真正离开 ul 的时候才触发hide(this);事件,可现在鼠标进入 li 也会执行 hide(this) 有个说用event.cancelBubble=true 不管用,不知道是不是我用的不对,试过几个方法都不行。
我要的是解决办法啊,大哥! 展开
<li style="width:100px; height:20px; background:#0033CC;"></li>
</ul> 原意是:只有鼠标真正离开 ul 的时候才触发hide(this);事件,可现在鼠标进入 li 也会执行 hide(this) 有个说用event.cancelBubble=true 不管用,不知道是不是我用的不对,试过几个方法都不行。
我要的是解决办法啊,大哥! 展开
3个回答
展开全部
<ul style="width:150px; height:40px; border:#006699 solid 1px; padding:10px;" onmouseout="hide(event)">//修改为event
<li style="width:100px; height:20px; background:#0033CC;"></li>
</ul>
<script type='text/javascript'>
function hide(ev){
var my_ul=document.getElementsByTagName('ul');
var e=ev||window.event;
var obj=e.toElement||e.relatedElement;
if(obj.nodeName!='LI' &&obj.nodeName!='UL')
alert('a');//用于测试
}
</script>
<li style="width:100px; height:20px; background:#0033CC;"></li>
</ul>
<script type='text/javascript'>
function hide(ev){
var my_ul=document.getElementsByTagName('ul');
var e=ev||window.event;
var obj=e.toElement||e.relatedElement;
if(obj.nodeName!='LI' &&obj.nodeName!='UL')
alert('a');//用于测试
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
li不能单独使用,必须在UL内,所以UL就包括了LI的所有内容。指向LI就等同指向UL.
参考一下
http://wangpfsir.blog.163.com/blog/static/67963727200822732922356/
参考一下
http://wangpfsir.blog.163.com/blog/static/67963727200822732922356/
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
event.cancelBubble=true这个是IE的
stopPropagation 是FF的
stopPropagation 是FF的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询