Question

我在锚点（图像）上面有一个按钮

我对每个（按钮和锚点）都有警报。

单击按钮后，锚点也会跟随其警报。单击按钮后，如何防止锚点启动？

参见jsfiddle - ＆gt; http://jsfiddle.net/EhWZc/

HTML：

<a href='#' onclick='alert("Im an anchor");'>
   <button id='delBtn' onclick="alert('Im a button');">x</button>
   <img src='http://www.extremetech.com/wp-content/uploads/2013/05/image-1.jpg' style='width:200px;'/>
</a>

Answer 1

在这种情况下，你需要使用stopPropagation函数而不是像下面的preventDefault。

 $('#delBtn').on('click', function(e){                   
        e.stopPropagation();  
});

stopPropagation阻止事件冒泡事件链。

preventDefault会阻止浏览器对该事件执行的默认操作。

DEMO

Anchor顶部的按钮 - 如何防止默认点击？

1 个答案: