javascript - JavaScript + addEventListener 'click' 在选择 html 对象上被忽略

Question

我在文档上添加了一个 eventListener，希望在单击文档中的任何内容时隐藏 myWidget（当然小部件除外）。

myWidget.addEventListener('click', function (e) {
    e.stopPropagation(); 
}, false);

document.addEventListener('click', function (e) {
    myWidget.style.display = 'none';
    console.log(e.target);
});

现在这似乎适用于除选择 html 对象之外的所有内容。选择一个选择框会显示选择的内容，但小部件不会隐藏，并且 console.log 永远不会触发。有什么理由吗？

Answer 1

我想你想要这个change活动

document.addEventListener('change', function (e) {
    myWidget.style.display = 'none';
    console.log(e.target);
});