ドキュメント内の何かがクリックされるたびに myWidget を非表示にすることを期待して、ドキュメントに eventListener を追加しました (もちろんウィジェットを除く)。
myWidget.addEventListener('click', function (e) {
e.stopPropagation();
}, false);
document.addEventListener('click', function (e) {
myWidget.style.display = 'none';
console.log(e.target);
});
これで、選択した html オブジェクト以外のすべてで機能するようになりました。選択ボックスを選択すると選択内容が表示されますが、ウィジェットは非表示にならず、console.log は起動しません。何か理由は?