主页 / 问题 / 1063547
Accepted
VanilJS
Asked:2020-12-27 02:57:20 +0000 UTC2020-12-27 02:57:20 +0000 UTC

如果页面上没有元素，如何忽略 addEventListener 错误？

  • 772

有 1 个通用的file.js，其中编写了整个站点的功能。

如果第 1 页上有按钮，则file.js可以正常工作，但在第二页上，此按钮可能没有，并且会addEventListener给出元素null和file.js停止工作的错误。

目前，绕过是将所有内容包装在 if 中。

if(el) {
   el.addEventListener('click', () => alert(1))
}

有没有更简洁的方法来对元素的缺失保持沉默？

或者唯一的选择是把所有东西都排成一排if？这将大大增加代码量。

addEventListener如果元素不存在则出错：

未捕获的类型错误：无法读取 null 的属性“addEventListener”

javascript

1 个回答

  1. Best Answer

    在我看来，编写一个方法并传递需要将侦听器挂在那里的元素更容易。

    function setEventListener(el, f) {
    if(el) {
        el.addEventListener('click', f)
    }
}

    并在代码中到处调用：

    setEventListener(el, () => alert(1));

    然后检查将在一个地方。

    • 4

相关问题