mouseenter事件java_从子元素输入父元素时，不会触发MouseEnter事件

我有这样的HTML：

Child 1

Child 2

Child 3

我附上了mouseenter和mouseout事件，如下所示：

$("*").on("mouseenter", function() {

$(this).addClass("mouse_over");

});

$("*").on("mouseout", function() {

$(this).removeClass("mouse_over");

});

现在，想象一下以下鼠标事件序列：

我将鼠标移动到父div中 . 正如预期的那样，mouseenter事件将触发，mouse_over类将放在父级上 .

我搬进了其中一个孩子 . 将为父项触发mouseout事件，并为该子项触发mouseenter事件 . 好 .

我将鼠标移回父母 . mouseenter不会在这里开火 .

第三步是这里的问题 . 我希望在从子元素重新输入父元素时将mouse_over类放回到父元素上 .

我想我明白为什么会发生这种情况，因为从技术上讲，我的鼠标一直在父母身上，所以触发mouseenter事件是没有意义的 .

这是一个更好的说明我正在尝试做的事情：

如果您将鼠标悬停在父元素和子元素中，则在出路时会注意到模式叠加层未放置在父元素上 .

那么如何确保叠加始终放在我当前悬停的任何元素上？

mouseenter事件java_从子元素输入父元素时，不会触发MouseEnter事件相关推荐

子元素scroll父元素容器不跟随滚动JS实现
小tip: 子元素scroll父元素容器不跟随滚动JS实现这篇文章发布于 2015年12月18日,星期五,00:07,归类于 js实例. 阅读 44546 次, 今日 41 次 by zhangxi ...
子元素超出父元素宽高是否会报错？
目前来看,如果父元素是Container,那么子元素超出父元素就不会报错: 如果子元素被Column或Row包裹,那么子元素超出父元素就会报错: RenderFlex overflowed by 22 ...
父元素设置overflow: overlay；或 overflow: scroll；或 overflow: auto；如果子元素超出父元素内容，父元素会被子元素超出部分撑大至子元素同样大小
发现父元素设置overflow: overlay; 或 overflow: scroll; 或 overflow: auto; 如果子元素超出父元素内容,父元素会被子元素超出部分撑大至子元素同样大小 ...
html让空间高度跟随父级,CSS子元素跟父元素的高度一致的实现方法
绝对定位方法: (1)将父元素设置为相对定位,不写父元素的高度时,会随着左边的子元素高度变化而变化 .parent { /*关键代码*/ position: relative; /*其他样式*/ wi ...
jQuery中兄弟元素、子元素和父元素的获取
我们这里主要总结jQuery中对某元素的兄弟元素.子元素和父元素的获取,原声的Javascript代码对这些元素的获取比较麻烦一些,而jQuery正好对这些方法进行封装,让我们更加方便的对这些元素进行 ...
怎么判断子元素距离父元素顶部位置_css子元素如何相对父元素定位？
在css中,可以使用position属性,通过给父元素设置相对定位"position:relative;"样式,给子元素设置绝对定位"position:absolute; ...
CSS子元素选择父元素
通常一个CSS选择器都是从上往下选择的,通过父元素选择子元素,那么能不能通过子元素选择父元素呢? <ul><li><a href="#" class= ...
float子元素超出父元素解决办法
使用float 子元素浮动,如果子元素比父元素大,会撑开父元素此时在父元素上加上 overflow:hidden
parentElement:返回当前元素的父元素节点（IE不兼容）、children:只返回当前元素的元素子节点、childElementCount、firstElementChild、......
parentElement:返回当前元素的父元素节点(IE不兼容,IE9以下) <!DOCTYPE html> <html lang="en"> <h ...

mouseenter事件java_从子元素输入父元素时，不会触发MouseEnter事件

mouseenter事件java_从子元素输入父元素时，不会触发MouseEnter事件相关推荐

最新文章

热门文章