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