停止来自同一单击事件的两个或多个单击事件

Stop two or more click events from the same click event

本文关键字：单击 事件 两个      更新时间：2023-09-26

我已经在jsp页面中创建了一个按钮，我已经为同一个按钮编写了两个单击函数，一个带有标签，另一个带有按钮的类/id。现在，当我点击按钮时，两个点击函数都被逐一调用。我的要求是，在第一次点击功能内，我想停止第二次点击功能。我不想删除删除第二次点击功能，因为在某些情况下我需要它来执行。

下面是我正在尝试的代码。

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("input[type=button]").click(function(e){
if(true) {
alert("The paragraph was clicked.");
}
else {
// I want to remove the second click function here
}
});
$("#test").click(function(){
   alert("Test paragraph was clicked.");
  });
});
</script>
</head>
<body>
<input type = 'button' value='test' id='test'/>
</body>
</html>

您需要使用e.stopImmediatePropagation():

$("input[type=button]").click(function(evt){
    evt.stopImmediatePropagation();
    ....
});

这可以防止"横向起泡"，因为没有更好的短语，即绑定到同一元素的进一步事件回调不会触发。

你应该试着把

return false;
else语句中的

。因为它停止了事件的传播，所以它应该按照您的要求去做。

描述:为元素的事件附加一个处理程序。的处理程序对每个元素最多执行一次。

相关文章：