Question

当我使用内置的JS / jQuery运行html时发生了冲突。虽然此操作onclick='window.location="location A"适用于整个区域，onclick='action 1'仅适用于“删除”链接。碰撞是当我按下'删除'时，JS首先计算出所需的action1，并且（也就是 not 需要）重定向到'location A'。是否可以将链接留在该区域内并使该div的JS不响应点击此链接？

<div class='scraper_item' onclick='window.location="location A"'>
<ul class="scraper_actions1">
    <li><a href="/">Schedule</a></li>
    <li><a class="delete" onclick='action1'>Delete</a></li>
</ul>
</div>

P.S。应该在'delete'类上挂起jQuery脚本。 jQuery on delete class中的preventDefault()方法无法阻止移动到location A。

Answer 1

如果您打算使用jQuery：

$('div.scraper_item').click(window.location='location A');
$('a.delete').click(function(e){
    e.stopPropagation();
    action1();
});

e.stopPropogation()是你正在寻找的，它意味着我们处理它的事件只会触发当前的函数而不是它父母应该触发的所有事件。

Answer 2

从jQuery事件回调中返回false与调用e.preventDefault() 和 e.stopPropogation()

相同

JS事件碰撞

2 个答案: