javascript - 如何将单击事件绑定(bind)到文档，以便仅在没有单击对象时触发该事件

Question

我希望在单击 DOM 元素以外的其他内容时触发一个事件，并在单击图像时触发一个单独的事件。

现在我有:

$( document ).click( function() { /*do whatev*/ } );

在另一个地方:

$( "img" ).click( function( e ) { 
  e.stopPropagation();
  /*do whatev*/
} );

它不起作用。这两个事件都被触发。还有其他想法吗？

Answer 1

简单明了:

jQuery(document).click(function(event) {
  if (jQuery(event.target).is('img'))
  {
    alert('img');
  }
  else
  {
    // Reject event
    return false;
  }
});

如果用户单击 img 元素“img”，则会发出警报，否则单击事件将停止。