onMouseOver 和 onMouseOut事件冒泡
2013-01-24 14:29
417 查看
onMouseOver 和 onMouseOut事件是移入移出事件,当鼠标移入或者移出某元素时希望能有不同的显示效果或者执行一段js函数, 比如鼠标移入一个div框中希望这个框背景色会改变,移出时又恢复原样,这是网页设计常用的效果,但当div框有子元素时,背景色会闪动,因为发生了冒泡事件。
IE下有 onmouseenter和onmouseleave来解决。
兼容方式:
IE下有 onmouseenter和onmouseleave来解决。
兼容方式:
function toolClose(dl,e){ var relatedTarget = e.toElement || e.relatedTarget; while(relatedTarget && relatedTarget != dl) relatedTarget = relatedTarget.parentNode; if(!relatedTarget){ dl.parentNode.className='fore3 menu'; } }
<dl onmouseover="toolOpen(this)" onmouseout="toolClose(this,event)" >
相关文章推荐
- javascript完美解决onMouseOver、onMouseOut冒泡事件方法简单
- onMouseEnter、onMouseLeave、onMouseOver、onMouseOut冒泡事件
- js下关于onmouseout、事件冒泡的问题经验小结
- onMouseOver|onMouseOut事件
- (10)行颜色间隔显示并高亮:鼠标事件onmouseover、onmouseout
- JQuery 之事件中的 ----- hover 与 onmouseover 、onmouseout 联系
- js常用事件总结及案例-onMouseOver、onMouseOut
- jQuery事件 鼠标移动效果 onmouseover方法与onmouseout方法
- js中常用的事件,onclick 单击事件、onblur 失去焦点事件、onchange改变事件、onmouseover鼠标进入事件、onmouseout鼠标移除事件、onsubmit提交事件
- CSS的onmouseover 和onmouseout事件
- 深度理解onmouseover事件和onmouseout事件
- 解决js中onMouseOut事件冒泡的问题
- Table的onMouseOver和onMouseOut鼠标事件的问题
- 解决js中onMouseOut事件冒泡的问题
- js中常用的事件,onclick 单击事件、onblur 失去焦点事件、onchange改变事件、onmouseover鼠标进入事件、onmouseout鼠标移除事件、onsubmit提交事件
- onmouseover事件和onmouseout事件全面理解
- HTML onmouseover, onmouseout , onmousemove 事件属性
- js中onmouseover 和 onmouseout 事件
- 解决子父级元素交替执行onmouseover、onmouseout事件干扰
- 事件冒泡- 关于onMouseOut违背逻辑关系的解决办法