捕获div内任何元素的click事件

Question

我有一个div包含一堆元素.这div将被隐藏(动画fadeOut())如果屏幕尺寸小于767px较小.但是如果用户点击其中的任何元素div,我想停止fadeOut().

但正如我现在看到的那样,我将不得不为我内部的每个元素添加一个click事件div.是不是有更优雅的方式来捕获所有点击事件div？

Answer 1

你可以这样做:

$('#container').on('click', function (event) {
  if (event.target != this) {
    alert('You clicked a descendent of #container.');
  } else {
    alert('You actually clicked #container itself.');
  }
});

这将检查发起click事件的元素是否与其附加的元素完全相同.