您的位置:时时app平台注册网站 > 彩世界网址 > 为非IE浏览器添加mouseenter,mouseleave事件的实现代码

为非IE浏览器添加mouseenter,mouseleave事件的实现代码

2019-11-28 03:07

mouseerter与mouseover区别

先精晓多少个事件指标属性target 指事件源对象,点击嵌套成分最里层的某成分,该因素正是target。IE6/7/8对应的是srcElement。currentTarget 指增加事变handler的成分本人,如el.add伊芙ntListener中el就是currentTarget。IE6/7/8从未对应属性,可在handler内使用this来代替如evt.currentTarget = this。relativeTarget 指事件相关的因素,日常用在mouseover,mouseout事件中。IE6/7/第88中学对应的是fromElement,toElement。mouseenter ,mouseleave IE9中依然支撑,另见 Greg Reimer 的博文 Goodbye mouseover, hello mouseenter 。mouseenter与mouseover区别在于:在要素内部移动时mouseenter不会触发。如下复制代码 代码如下:

1,鼠标在div[id=parent1]个中移动时也会触发mouseover事件

Child11

Child12

2,鼠标在div[id=parent2]中间移动时也不会触发mouseenter事件

Child21

Child22

叩问了那八个属性的意思后,完结起来就概括了: 复制代码 代码如下: E = function(){ function elContains{ try{ return a.contains ? a != b && a.contains : !!(a.compareDocumentPosition{} } function addEvt{ function fun{ var a = e.currentTarget, b = e.relatedTarget; if && a!=b){ fn.call; } } if{ if{ el.add伊芙ntListener('mouseover', fun, false); }else if{ el.addEventListener('mouseout', fun, false); }else{ el.add伊芙ntListener; } }else{ el.attachEvent; } } return {addEvt:addEvt}; }(); 测量试验代码:

mouseerter与mouseover区别

1,鼠标在div[id=parent1]当中移动时也会触发mouseover事件 Child11 Child12 2,鼠标在div[id=parent2]其间移动时也不会触发mouseenter事件 Child21 Child22

[Ctrl A 全选 注:如需引进外界Js需刷新工夫奉行]

本文由时时app平台注册网站发布于彩世界网址,转载请注明出处:为非IE浏览器添加mouseenter,mouseleave事件的实现代码

关键词: