javascript - 隐藏时异常(exception)

Question

我希望在图像附近有一个切换按钮以显示信息，并单击正文以隐藏所有内容。我的问题是，当我单击按钮时，它会隐藏我的图像。所以我想知道是否有一种简单的方法来制作“异常(exception)”之类的东西。

    $("body").click(function(){
      $("img").hide();
    });

    $('button').click(function() {
        $('div').toggle();
    });

这是一个 Jsfiddle :http://jsfiddle.net/fbgy0aq9/

Answer 1

当您点击 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();
});