单击click元素时阻止父触发器

Question

拥有这样的代码。单击锚标记时需要阻止div onclick。

<div onclick="window.open(url)">
  <p>
   .
   .
   .
  </p>
  <a href="link"/>

</div>

不重复问题，这里div标签有window.open（url），而不是js onclick函数。

Answer 1

您必须先防止默认点击功能，然后执行如下所示

<div onclick="window.open(url)" class="parent_div">
  <p>
   .
   .
   .
  </p>
  <a href="link"/>

</div>



$(document).on('click', '.parent_div a', function(e) {

    e.preventDefault();
    let url = $(this).attr('href');
    window.location.assign(url)
});