JS 在.on() 上停止传播

Question

I'm having issues where event.stopPropagation() doesn't seem to work on dynamic content.

  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
  })

I know the below works, however, I need to add more elements to the page which means I need to use the above event:

$(blocks).click(function() {
    event.stopPropagation();
    console.log($(this))

    // Code
  })

Answer 1

I managed to fix the issue immediately after asking this question by just slapping a return false; at the end, full code is as follows:

  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;
  })