javascript - 带有通配符选择器/事件冒泡的嵌套元素

标签 javascript jquery

我想绑定(bind)到一个元素并在我经过它时为其添加一个轮廓。问题是当我将鼠标悬停在嵌套元素上时,父元素也会被选中。

当我将鼠标悬停在“5 深”上时,我应该只在该跨度而不是它的所有父级周围有一个边框。

http://jsfiddle.net/7uQwr/

我怎样才能避免这种情况?有点奇怪的用例,但我无法控制这里的标记 :)

最佳答案

它的发生是因为 event 冒泡到 body 元素。使用 event.stopPropagation() 停止事件传播,然后它将仅限于触发事件的元素。

工作 demo

关于javascript - 带有通配符选择器/事件冒泡的嵌套元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7212376/

相关文章:

javascript - Framer Motion - 过时的自定义值 - 更改自定义值不会触发更新

javascript - 如何同步到内容脚本中的扩展本地存储?

javascript - TypeError : elem. 自动完成不是一个函数

javascript - 带有 twitter bootstrap 和 jQuery 的表格

jquery - 获取从第一页到第二页的输入值

javascript - 在 jquery 中混合 $(this) 值

javascript - 如何使用 <templates> 替换内联 html 字符串?

javascript - 如何从排除的模块(ES6)导入?

javascript - 无法使用 jquery 获取背景框以打开和关闭显示

javascript - 为什么我的 javascript 无法看到选择了哪个 html 选项