javascript - 检测某些元素外的点击

Question

我一直在寻找一些解决方案来解决这个问题，但没有任何帮助
这是我的 JavaScript 代码

var specifiedElement = document.getElementById('a');
document.addEventListener('click', function(event) {
  var isClickInside = specifiedElement.contains(event.target);
  if (!isClickInside) {
    alert('You clicked outside A and B')
  }
});

div {
  background: #aaa;
  height:2em;
  padding: 1em;
  margin-bottom:10px;
  text-align: center;
}

<div id="a">A</div>
<div id="b">B</div>

(在 JS Fiddle 中:https://jsfiddle.net/1zj9dmq7/)

我想当我点击 div a/b 元素时，“警报”功能不会运行，只有在这 2 个元素之外点击时才会运行，并且没有 jQuery
也许有人可以帮助我，谢谢

Answer 1

试试这个:

var a = document.getElementById('a');
var b = document.getElementById('b');

document.addEventListener('click', function(event) {
  var isClickInside = a.contains(event.target)||b.contains(event.target);
  if (!isClickInside) {
    alert('You clicked outside A and B')
  }
});

演示:https://jsfiddle.net/1zj9dmq7/1/