javascript - 使用 jQuery 将点击绑定到页面的未使用部分

Question

我一直试图将点击重定向绑定到页面上还没有另一个 div 的 body 标记。我有一个典型的页眉、容器和页脚布局，但我想在后台放置一个站点皮肤，供用户单击以进行注册。

到目前为止，这是我针对 body 元素的内容：

$('body').bind({
    click: function() {
        window.location = 'https://example.com/';
    },
})

背景图像显示正常并且重定向有效，但如果我单击页眉、容器或页脚中的某个位置，它将执行我不想要的重定向。为了重定向，我希望它忽略那些 div。

感谢您的任何建议！

score 1 · Accepted Answer

我建议使用on()：

$('body').on('click', ':not(div)', function(e){
    window.location = 'https://example.com/';
});

score 1 · Accepted Answer

$("body").click( function(e) {
    if(e.target == this)
    {
        window.location = 'https://example.com/';
    }
});

2 回答 2