event.preventDefault（）不起作用

Question

我有具有onclick功能的按钮

<div id="canvas">   
  <button onclick="document.location.href='hello.php'">Go</button>
</div>  

现在我想停止重定向到hello.php onclick事件，因此我编写了以下jQuery函数

$("#canvas").on('click', 'button', function(event) {
  event.preventDefault();
});

这没有用，所以我添加了return false但仍然没有用。

$("#canvas").on('click', 'button', function(event) {
  event.preventDefault();
  return false;
});

您可以在Jsfiddle上查看

注意：我不想删除按钮的onclick

Answer 1

正确的解决方案是首先从HTML中删除onclick 。

假设这不可能，您可以在出现以下情况后将其删除：

$("#canvas button").first().prop("onclick", null);

这将清除元素上的onclick属性，从而删除由onclick属性设置的处理程序。 （如果该按钮根本不存在，则为无操作。）

值得一提的是，如果button位于表单中，则它将立即提交表单，因为其onclick不会使用户离开页面。 （由于button的默认type为submit 。）

Answer 2

您应该只使用removeAttr jQuery方法：

$('#canvas button').removeAttr('onclick');