javascript - 单击元素外部返回 JS 错误

Question

我正在尝试制作一个函数来检测用户何时在元素外部单击。目前我正在使用以下代码片段:

var specifiedElement = document.getElementById('js-search-suggest-wrapper');

document.addEventListener('click', function(event) {
    var isClickInside = specifiedElement.contains(event.target);

    if (!isClickInside) {
        console.log('do something!');
    }
});

但是我似乎收到以下错误:Uncaught TypeError: Cannot read property 'contains' of null

是我的代码有问题，还是我的 HTML 设置方式有问题？

Answer 1

由于 specifiedElement 为 null 返回错误，请在 html 中添加一个 id 为 js-search-suggest-wrapper 的元素

var specifiedElement = document.getElementById('js-search-suggest-wrapper');

document.addEventListener('click', function(event) {
    var isClickInside = specifiedElement.contains(event.target);

    if (!isClickInside) {
        console.log('do something!');
    }
});

<a id="js-search-suggest-wrapper">javascript</a>