javascript - 处理事件监听器的最有效方法是什么？

Question

我编写了以下代码:

document.addEventListener('click', function (event) {
       if(event.target.matches('#open-new-not') || event.target.matches('#close-not')){
            opnNewNot();
       }
       if(event.target-matcheS('#hide-links')){
            hideLinks();
       }
       if(...and so on...){}
});

这是一个好的解决方案吗？您能否告诉我如何以最简单有效的方式处理几乎所有事件监听器？

Answer 1

如果您绝对必须走这条路，那么我建议您使用 switch 语句，而不是使用 if 字符串。这样做的另一个好处是不会中断您不尝试拦截的其他事件的处理。

document.addEventListener('click', function (event) {
    switch (event.target.id) {
        case 'open-new-not':
        case 'close-not':
            openNewNot();
            break;
        case 'hide-links':
            hideLinks();
            break;
        // etc
    }
});

如果我是你，我会认真考虑是否要捕获每个元素上的每个点击事件，或者我是否可以实际上只定位少数选定元素。