jQuery可點擊的正文但不滿意

Question

我想通過單擊“露營”（在正文中有彩色背景圖像）將主頁的body元素設置為可點擊，但是當我單擊站點上的任何位置時，當然都會執行此單擊。 如何從我的內容（#page）中刪除此click事件，以避免內容出現點擊問題。

HTML來源：

<body>
  <div id="page">Content goes here. This div is centered, 980px width element
  </div>
</body>

jQuery的：

$('body').click(function() {
  window.open('http://example.com');
  return true;
});

謝謝，

丹妮·G

Answer 1

干得好：

$( 'body' ).click( function ( e ) {        
    if ( this === e.target ) {
        // the BODY was clicked directly; do your thing
    }
});

現場演示： http ： //jsfiddle.net/Vk7rz/

在上面的單擊處理程序中， this關鍵字引用單擊處理程序的“所有者”，它是BODY元素，而e.target屬性引用被單擊的最頂層元素。 如果兩個引用都引用同一個元素，則意味着直接單擊了BODY元素。

Answer 2

像這樣：

$('body:not(#page)').click(function() {
  window.open('http://example.com');
  return true;
});

Answer 3

您必須手動禁用對身體兒童的點擊

http://jsfiddle.net/2hyW5/1/

$('body>*').click(function(){
    return false;
})

Answer 4

body元素是所有頁面元素的父元素。 如果單擊頁面的任何部分，則最終將單擊主體。 我不確定您可以使用這種技術來完成此操作。 如果我對此有誤，請隨時向我解釋。