将鼠标悬停在 Absolute Div 的子元素上时防止发生 Mouseout 事件
问题:
将鼠标悬停在一个子元素上时绝对定位的 div,div 的 onmouseout 事件过早触发。发生这种情况是因为事件冒泡,子元素事件传播到其父元素。
解决方案:不使用 jQuery
为了防止悬停子元素时触发 onmouseout 事件,请改用 onmouseleave 事件。下面是一个示例:
<div class="outer" onmouseleave="yourFunction()"> <div class="inner"> </div> </div>
解决方案:使用 jQuery
jQuery 提供 mouseleave() 事件,它完成相同的功能:
$(".outer").mouseleave(function(){ //your code here });
怎么样有效:
onmouseleave 事件仅在鼠标离开指定元素时触发。通过在父 div 上使用此事件,可以确保仅当鼠标完全退出 div 时才会触发 mouseout 事件,即使鼠标悬停在子元素上也是如此。
以上是如何防止带有子元素的绝对定位 div 上过早发生'onmouseout”事件?的详细内容。更多信息请关注PHP中文网其他相关文章!

CSS盒子阴影和轮廓属性获得了主题。让我们查看一些在真实主题中起作用的示例,以及我们必须将这些样式应用于WordPress块和元素的选项。

Svelte Transition API提供了一种使组件输入或离开文档(包括自定义Svelte Transitions)时动画组件的方法。

前几天我只是和埃里克·迈耶(Eric Meyer)聊天,我想起了我成长时代的埃里克·迈耶(Eric Meyer)的故事。我写了一篇有关CSS特异性的博客文章,以及


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

SublimeText3汉化版
中文版,非常好用

PhpStorm Mac 版本
最新(2018.2.1 )专业的PHP集成开发工具

EditPlus 中文破解版
体积小,语法高亮,不支持代码提示功能

螳螂BT
Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。

适用于 Eclipse 的 SAP NetWeaver 服务器适配器
将Eclipse与SAP NetWeaver应用服务器集成。