javascript - 覆盖元素时取消鼠标事件

标签 javascript events hover mouseover

希望这个 JSFiddle 能比我的话更好地说明问题:

http://jsfiddle.net/pmwRc/6/

本地图悬停时,我在图像 map 上显示绝对定位的 H4 作为标签。但是,当鼠标指针移到 H4 上时,图像映射会触发 mouseout,这会导致 H4 再次隐藏。

我该如何防止这种情况发生?我希望当鼠标悬停在图像映射上时标签可见,无论它是否也在标签上。

最佳答案

您可以使用放置在图像顶部的透明图像/图层(使用您的 map )“作弊”。

http://jsfiddle.net/GRPQa/7/

它使用图像映射坐标。

关于javascript - 覆盖元素时取消鼠标事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6334654/

相关文章:

javascript - 如何强制子元素遵守 `flex: nowrap;` CSS 指令

javascript - NodeJS Express Api——调用 res.send 外部路由有效,但 res.status 无论如何都不起作用

vba - 如何根据特定范围内不同单元格的值自动启动宏

javascript - 当鼠标悬停在 HTML 表格单元格上时,我有哪些选项可以弹出日期列表?

javascript - 如何使用CSS和Javascript在鼠标悬停时上下滑动?

jquery - 如何在不向右滑动下一个元素的情况下在悬停时显示 jquery 函数

javascript - 获取laravel api Vue js中的所有表格行

javascript - Javascript Tableau API - 动态可视化加载

python - 在 Kivy 中使用按钮/事件返回数据的最佳方式

wpf - WPF DataGrid DataBindingComplete 事件在哪里?