target 指事件源对象,点击嵌套元素最里层的某元素,该元素就是target 。IE6/7/8对应的是srcElement 。
currentTarget 指添加事件handler的元素本身,如el.addEventListener中el就是currentTarget 。IE6/7/8没有对应属性,可在handler内使用this来替代如evt.currentTarget = this 。
relativeTarget 指事件相关的元素,一般用在mouseover,mouseout事件中 。IE6/7/8中对应的是fromElement,toElement 。
mouseenter,mouseleave IE9中仍然支持,另见 Greg Reimer 的博文 Goodbye mouseover, hello mouseenter。
mouseenter与mouseover区别在于:在元素内部移动时mouseenter不会触发 。如下
mouseerter与mouseover区别(IE下测试)
1,鼠标在div[id=parent1]内部移动时也会触发mouseover事件
Child11
Child12
2,鼠标在div[id=parent2]内部移动时也不会触发mouseenter事件
Child21
Child22
了解了这三个属性的意义后,实现起来就简单了:
文章插图
测试代码:
mouseerter与mouseover区别(IE下测试)
1,鼠标在div[id=parent1]内部移动时也会触发mouseover事件
Child11
Child12
2,鼠标在div[id=parent2]内部移动时也不会触发mouseenter事件
Child21
Child22
【为非IE浏览器添加mouseenter,mouseleave事件的实现代码是什么 解决方法说明】
推荐阅读
- 山西运城市有几个县区
- 怎么擦干净镜子 怎么样擦镜子干净
- 关于立夏的名言名句
- 钉钉手机版安卓版在哪下载安装
- 银行办理etc收费吗
- 荒野大镖客2马鞍包里的东西怎么取出来 荒野大镖客2马鞍包里的东西取出来的方法
- pr延长子剪辑时间教程分享
- 华为手机右上方有个N是什么
- 胶带上的胶怎么能擦掉 怎么擦干净胶带留下的胶