首页 > 解决方案 > 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
  })

标签: javascripthtmljquery

解决方案


我在问完这个问题后立即解决了这个问题,只是 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;
  })

推荐阅读