如何从 jquery .click 事件中排除特定的 div

我想在单击foo时排除警报，但是当我单击包括foo在内的身体上的任何地方时，它仍然会发出警报。下面的 Jquery 没有按预期工作。

$("body:not(.foo)").click(function(){   alert("clicked body");    });

$("body:not(.foo)").click(function()
{
	alert("clicked body");
});

body {  background: #e8e6e4;  padding: 20px;  font-family: Helvetica;border:2px solid;}
.foo{  color:#ffffff;  background:red;}
button {  background: #0084ff;  border: none;  border-radius: 5px;
padding: 8px 14px;  font-size: 15px;  color: #fff;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<div>
<p>Hello World</p><button>Change color</button>
</div>
<br><br><br><br><br><br>
<div class="foo">FOOOO</div>
</body>

您可以在单击该.foodiv 时返回 false。

$('div.foo').on('click', function() {
return false;
});

这是我的做法：

$(document).on('click', function()
{
if (!$(this).hasClass('foo')) {
//do something
} 
}) ;

相关内容

最新更新

热门标签：