javascript - 在组件挂载上添加 touchmove 事件监听器

Question

我有组件，我试图在其中做下一件事:

  disableBackgroundScroll() {
    const container = document.getElementsByClassName('container')

    container.addEventListener('touchmove', (e) => {
      e.preventDefault()
    }, false)
  }

  componentDidMount() {
    this.disableBackgroundScroll()
  }

但是我得到一个错误:

container.addEventListener is not a function

为什么我不能在组件挂载上添加事件监听器？

Answer 1

您正在使用的函数 getElementsByClassName 返回一个数组。您可以在此处阅读更多相关信息 https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByClassName

您不能在数组上调用 addEventListener，这就是它失败的原因。您应该从结果数组中获取所需的元素，或者改用 getElementById 之类的方法。