javascript - JS 在 .on() 上停止传播
问题描述
我遇到了event.stopPropagation()
似乎不适用于动态内容的问题。
var blocks = '.embr-owner div, .embr-owner row, .embr-owner column, .embr-owner a, .embr-owner h1, .embr-owner h2, .embr-owner h3, .embr-owner h4, .embr-owner h5, .embr-owner h6, .embr-owner span, .embr-owner p'
$(document).on("click", blocks, function() {
event.stopPropagation();
console.log($(this))
// Code
})
我知道下面的工作,但是,我需要向页面添加更多元素,这意味着我需要使用上述事件:
$(blocks).click(function() {
event.stopPropagation();
console.log($(this))
// Code
})
解决方案
我在问完这个问题后立即解决了这个问题,只是
return false;
在最后拍了一下,完整的代码如下:
var blocks = '.embr-owner div, .embr-owner row, .embr-owner column, .embr-owner a, .embr-owner h1, .embr-owner h2, .embr-owner h3, .embr-owner h4, .embr-owner h5, .embr-owner h6, .embr-owner span, .embr-owner p'
$(document).on("click", blocks, function() {
event.stopPropagation();
console.log($(this))
// Code
return false;
})
推荐阅读
- r - 将 data.table 的列转换为同一 data.table 中的列表
- javascript - 如何在没有 JSX 的元素中添加自定义属性(仅使用 createElement 方法)?
- twitter-bootstrap - Bootstrap 4 使按钮响应
- java - 为什么数组显示 0 作为结果?
- c# - 如何使用 textbox.textchange 事件更改生成的 textbox.text
- r - 将 tabItems 和 sub-Items 与 shinydashboard 中的主体连接起来
- arrays - 如何将带有“数组”键的 ruby 哈希转换为 Ruby 中的嵌套哈希?
- javascript - 滚动时将其他文件中的 HTML 动态加载到页面上
- ios - 如何将 UIPageViewController 内容转换为 UIScrollView?
- google-cloud-firestore - 减少请求 Firebase 的数量