javascript - native JavaScript - 检测何时单击 div 远离/未聚焦

Question

我需要知道我的 div 何时在原生 javascript 中被点击。

Answer 1

要仅使用 native javascript 代码来测试被单击的元素是否是有问题的元素，您可以这样做

var handleClick = function(e) {
  var div = document.getElementsByTagName('div')[0];
  if (e.target !== div) alert('clicked outside of div');
}
document.addEventListener('click', handleClick, false);

/* For the purposes of this example only */

div {
  background: red;
  width: 100px;
  height: 100px;
}

<div></div>