我希望在图像附近有一个切换按钮以显示信息,并单击正文以隐藏所有内容。 我的问题是,当我单击按钮时,它会隐藏我的图像。所以我想知道是否有一种简单的方法来制作“异常(exception)”之类的东西。
$("body").click(function(){
$("img").hide();
});
$('button').click(function() {
$('div').toggle();
});
这是一个 Jsfiddle :http://jsfiddle.net/fbgy0aq9/
最佳答案
当您点击 body
中包含的任何内容时,单击事件将“冒泡”文档并最终调用 body
上的单击处理程序本身。您可以stop this propagation , something like this :
$('button').click(function(e) {
$('div').toggle();
e.stopPropagation();
});
另一种方法可能是修改 body
中的选择器点击处理程序忽略来自按钮的点击,something like this :
$("body").on('click', ':not(button)', function(){
$("img").hide();
});
关于javascript - 隐藏时异常(exception),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25982571/