addEventListener和removeEventListener

276 阅读1分钟

addEventListener

详解

target.addEventListener(type, listener, boolean);
target.removeEventListener(type, listener, boolean);

参数一(type)
(String) 事件类型的字符串

参数二(listener)
(Function)触发后执行的该函数方法

参数三(boolean)
(Boolean) 决定触发阶段
false: 默认为false,在捕获阶段触发
true: 在冒泡阶段触发

用法

mounted () {
    //监听鼠标滚动事件
     window.addEventListener('scroll', this.watchScroll)
},
beforeDestroy () {
     //销毁移除
      window.removeEventListener("scroll", this.watchScroll)
 }

更多

removeEventListener移除时第三个参数必须和addEventListener一样才能移除