javascript - jQuery - 仅在前景元素上调用 .click()?

标签 javascript jquery html css

http://jsfiddle.net/waitinforatrain/8AqgU/

该链接中的示例显示了一个嵌套的有序列表。如果您打开 Chrome/Firebug 控制台,您会看到点击子元素也会在其父元素上引发 .click() 事件。

有没有办法只检测被点击的可见前景元素上的 .click()?

最佳答案

您只需要停止传播点击:

$('#toc li').click(function(e) {
    console.log ($(this).attr('id'));
    e.stopPropagation();
});

查看 this page了解更多信息

关于javascript - jQuery - 仅在前景元素上调用 .click()?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5366630/

相关文章:

javascript - 3 qbits 的量子傅里叶变换代码

javascript - JSDoc:如何记录 `var self = this;` ?

javascript - HTML/Javascript - 将文本区域的高度与另一个文本区域的高度相关联?

php - 我应该为多语言网站设置哪些 http header ?

javascript - jquery中如何删除空元素?

javascript - 使用 querySelector() 获取最后一个 td 元素

javascript - 如何在不影响部分的情况下放大/缩小我的网站

jQuery 插件 Chosen(增强多选)在 Chrome 中运行良好,但在 Internet Explorer 中运行缓慢

javascript - body.scrollTop 在严格模式下已弃用。如果处于严格模式,请使用 'documentElement.scrollTop',仅当处于 quirks 模式时,请使用 'body.scrollTop'。

javascript - 动态定位弹窗 "windows"(div元素)