javascript - jqueryボディクリックが機能しないのはなぜですか?

Question

次のコードが新しいページに移動しないのはなぜですか?

$(document).ready(function(){
    $(document.body).click(function(){
        window.location.href="who.html" ;
    });
});

$(body) $('body') と $('#body') で試しましたが、ページの本文をクリックするたびに次のページに移動しませんページ。

Answer 1

このJSFiddleをチェックしてみてください。「テスト」をクリックすると非常にうまく動作することがわかりますが、それ以外の場合は動作しません。なんで？bodyページ全体ではなく、内部に何らかのコンテンツが含まれているためです（したがって、本文が空の場合、clickイベントは決してトリガーされません）。クリック時にページ全体をリダイレクトする場合は、バインドする必要があります$(document)。

$(document).click(function() {
    window.location.href = "who.html";
});

Answer 2

これを簡単に行うことができます：

$(document).ready(function(){
    $(document).click(function(){
        console.log('Document is clicked!');
        window.location.href="who.html" ;
    });
});