解决js中onMouseOut事件冒泡的问题
2010-09-06 09:38
453 查看
$("#boxindex").mouseout(function(event){
var flag=true;
if ($.browser.msie)
flag = isParent(event.toElement, $("#boxindex")[0]); /*重要,取得鼠标事件event.toElement*/
else
flag = isParent(event.relatedTarget, $("#boxindex")[0]); /*重要,取得鼠标事件event.relatedTarget*/
if (!flag)
{
//这里是正式mouseout事件内容 });
}
});
/*鼠标.boxindex之外去掉所有显示完*/
/*判断是否子对象*/
function isParent(obj,pobj)
{
/*jquery用法: $("H1").attr("tagName")*/
while (obj != undefined && obj != null && obj.tagName.toUpperCase() != 'BODY')
{
if (obj == pobj)
return true;
obj = obj.parentNode;
}
return false;
}
var flag=true;
if ($.browser.msie)
flag = isParent(event.toElement, $("#boxindex")[0]); /*重要,取得鼠标事件event.toElement*/
else
flag = isParent(event.relatedTarget, $("#boxindex")[0]); /*重要,取得鼠标事件event.relatedTarget*/
if (!flag)
{
//这里是正式mouseout事件内容 });
}
});
/*鼠标.boxindex之外去掉所有显示完*/
/*判断是否子对象*/
function isParent(obj,pobj)
{
/*jquery用法: $("H1").attr("tagName")*/
while (obj != undefined && obj != null && obj.tagName.toUpperCase() != 'BODY')
{
if (obj == pobj)
return true;
obj = obj.parentNode;
}
return false;
}
相关文章推荐
- 解决js中onMouseOut事件冒泡的问题
- 解决js中onMouseOut事件冒泡的问题
- js下关于onmouseout、事件冒泡的问题经验小结
- js下关于onmouseout、事件冒泡的问题经验小结
- js下关于onmouseout、事件冒泡的问题经验小结
- 解决js中鼠标事件冒泡问题
- 意外解决js动态生成的html代码中一些事件失效问题
- 解决鼠标经过内部元素触发onmouseout事件的问题
- 解决js绑定事件this指向发生改变的问题
- 解决js 在onkeydown事件按键停顿问题
- javascript 冒泡 解决过多节点绑定事件的问题
- 解决VUE框架 导致绑定事件的阻止冒泡失效问题
- js点击事件链接的问题解决
- js不完美解决click和dblclick事件冲突问题
- 小程序之解决移动端点击和长按事件冒泡问题
- vue.js中v-on:textInput无法执行事件问题的解决过程
- JS阻止父层事件(JS冒泡问题)
- Ajax局部更新导致JS事件重复触发问题的解决方法
- [转载 js] YUI解决mouseout事件冒泡的办法
- 基于mouseout和mouseover等类似事件的冒泡问题解决方法