【前端】js关于鼠标划过事件

js对于鼠标划过事件有如下几种:
onmouseover:http://www.runoob.com/jsref/event-onmouseover.html
onmouseout:http://www.runoob.com/jsref/event-onmouseout.html
onmouseenter:http://www.runoob.com/jsref/event-onmouseenter.html
onmouseleave:http://www.runoob.com/jsref/event-onmouseleave.html

这四个事件一般两两配对使用,onmouseover、onmouseout一对,onmouseenter、onmouseleave一对,不能混合使用

区别:

1、onmouseover、onmouseout:鼠标经过时自身触发事件,经过其子元素时也触发该事件;(父亲有的东西,儿子也有)

2、onmouseenter、onmouseleave:鼠标经过时自身触发事件,经过其子元素时不触发该事件。(父亲的东西就是父亲的,不归儿子所有)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,873评论 1 11
  • offset家族 offset 自己的目的: js中有一套方便的获取元素尺寸的办法就是offset家族; 1/...
    越IT阅读 13,888评论 1 22
  • 以下文章为转载,对理解JavaScript中的事件处理机制很有帮助,浅显易懂,特分享于此。 什么是事件? 事件(E...
    jxyjxy阅读 8,172评论 1 10
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,675评论 1 41
  • 枝丫交错的日出里 昏黄的思绪像黑鸦般聒噪 空气慢慢抽离 这是场死亡的葬礼 所有在这里死去的 必在这里诞生 时间下坠...
    心种阅读 1,371评论 0 1