Javascript 使用jQuery将单击绑定到页面的未使用部分

我一直在尝试将单击重定向绑定到一个页面上的body标记，而该页面上还没有其他div。我有一个典型的页眉、容器和页脚布局，但我想在后台放置一个站点外观，以便用户单击注册

以下是我到目前为止针对body元素所做的工作：

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

背景图像显示良好，重定向工作正常，但如果我单击页眉、容器或页脚中的某个位置，它将执行重定向，这不是我想要的。为了重定向的目的，我宁愿它忽略那个些div

谢谢你的建议

我建议在（）上使用

：

.

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

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