mouseover与mouseenter的区别：
mouseenter是不冒泡的事件！
- mouseover对于元素本身或者子元素都触发
- mouseenter只有穿过本身才触发
扩展阅读:
http://blog.csdn.net/ocean1010/article/details/7394599
zhangyaochun
- 浏览: 2620464 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout（布局研究） (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom：
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王：
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988：
能提供附件下载吗，找不到js库，google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd：
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk：
试了，没用，你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
分享到：
发表评论
-
css 面试题画三角
2017-02-27 16:12 1164如何画三角？ .test{ wid ... -
scrollIntolView
2014-03-14 08:47 1090scrollIntoView： 滚动 ... -
Function与Object
2013-10-21 16:20 1310先看一段代码： Function in ... -
动态创建style并写入
2013-08-06 11:35 0动态创建style标签，并写入内容： ... -
关于html的压缩
2013-07-19 20:49 1418本文简单记录关于html压缩相关的问题： ... -
如何获取表格的所有行
2013-07-26 20:23 1452一般简单的思路都是按tagNam ... -
再谈面试题系列
2013-06-18 11:18 1321收录一个不错的case： {}.t ... -
getAttributeNode
2013-06-17 15:30 1247getAttributenode ... -
HTML DOM Form对象
2013-06-08 12:23 1473前言： 本文来自w3c ... -
dom的contains
2013-06-06 16:00 1176contains ... -
mouseenter与mouseleave
2013-06-05 15:35 1473在IE中，鼠标移入移出某元素，触发： ... -
面试题系列之不一样的P
2013-05-08 16:13 1312以下代码： <html> ... -
又是null
2013-04-25 11:46 0null > 0 ... -
hasParent的设计
2013-05-03 18:07 1321场景： 判断指定的元素 ... -
取最大最小值
2013-04-12 16:17 0http://www.cnblogs.com/ ... -
判断鼠标移入的方向
2013-04-12 14:36 0本文主要来自：http://www.cnbl ... -
getBoundingClientRect
2013-04-07 16:32 1531getBoundingClientRect ... -
getBoundingClientRect
2013-04-07 16:31 0getBoundingClientRect ... -
坑爹的逗号运算符
2013-03-29 17:58 1738先来看一个小题： //返回多少？ x ... -
IE9下的onpropertychange的特殊之处
2013-03-27 19:04 2434场景： 在IE9下，在 ...
相关推荐
** Mouseover与Mouseenter的区别 ** 1. Mouseover事件：当鼠标指针进入元素或其任何子元素时触发。如果元素内有子元素，鼠标移动到子元素上时，也会触发此事件。 2. Mouseenter事件：仅当鼠标指针首次进入元素本身...
总的来说，理解`mouseover`和`mouseenter`之间的区别对于编写高效、无干扰的用户交互至关重要。根据具体需求选择合适的事件，可以避免不必要的性能开销，提高用户体验。在编写涉及鼠标悬停事件的代码时，一定要考虑...
javascript中mouseover和mouseenter的区别主要在于监听对象的子元素是否触发事件。mouseover：鼠标移入监听对象中，或者从监听对象的一个子元素移入另一个子元素中时触发该事件。mouseenter：鼠标移入监听对象时触发...
最近在做的在线考试和课程商城都遇到这样的问题：就是鼠标滑过的时候...注释：与 mouseenter 事件不同，不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时，才会触发 mouse
3. mouseenter和mouseleave事件：与mouseover和mouseout不同，mouseenter和mouseleave事件不会在事件冒泡阶段触发。这意味着，只有当鼠标指针实际进入或离开被选元素本身时，这些事件才会被触发，从而避免了因子元素...
08-mouseenter和mouseover的区别.html
1. 使用mouseenter和mouseleave事件替代mouseover和mouseout。这些事件由IE浏览器首先提出，而后被最新版本的其他主流浏览器支持。mouseenter事件只在鼠标指针进入元素内部时触发一次，而mouseleave事件则在鼠标指针...
`mouseenter`和`mouseleave`事件与`mouseover`和`mouseout`类似，但有一些关键的区别。`mouseover`和`mouseout`在鼠标进入或离开元素及其子元素时都会触发，而`mouseenter`和`mouseleave`只在鼠标进入或离开元素本身...
3. **检查进入方向**：在`mouseenter`事件处理函数中，比较当前坐标与上一次坐标，以确定进入方向。可能的方向包括上、下、左、右。 4. **清除记录**：为了防止内存泄漏，记得在适当的时候清除存储的鼠标位置。 ...
首先，我们要明白`mouseenter`与`mouseover`的区别。`mouseover`事件不仅在鼠标进入元素本身时触发，而且在进入元素内的任何子元素时也会触发。而`mouseenter`则只在鼠标首次进入元素边界时触发，不会因进入子元素而...
而如果我们使用hover事件，当鼠标进入图片区域时，mouseenter事件被触发，说明区域显示一次，即使鼠标在图片的不同部分移动，说明区域也不会隐藏，只有当鼠标真正离开图片区域时，mouseleave事件被触发，说明区域才...
总结来说，当面临因嵌套元素导致的 `mouseover` 和 `mouseout` 事件频繁触发的问题时，可以考虑使用jQuery的 `mouseenter` 和 `mouseleave` 或 `hover()` 方法来优化代码，提高用户体验。同时，为了确保在边界情况下...
在Vue.js中，开发者经常利用`v-for`指令来遍历数据并生成多个元素，同时结合事件监听器如`@mouseenter`和`@mouseleave`来实现交互效果。然而，在循环中使用这些事件处理函数可能会遇到一些问题，比如闪烁现象。本文...
IE6/7/8对应的是srcElement。currentTarget 指添加事件handler的元素本身，如el.addEventListener中el就是currentTarget。IE6/7/8没有对应属性，可在handler内使用this来替代如evt.currentTarget = ...mouseenter ，m
在JavaScript的事件处理中，`mouseenter` 和 `mouseleave` 是两个非常实用的事件，它们提供了比 `mouseover` 和 `mouseout` 更精确的交互控制。本文将深入探讨这两个事件的特性和区别，以及如何使用 `...