js 监听和移除监听事件

先上代码

const bfscrolltop = document.body.scrollTop; 
document.getElementById('consultDes').addEventListener('focus', this.resetScoll, false)
document.getElementById('consultDes').addEventListener('blur', function() {
   document.body.scrollTop = bfscrolltop
   document.getElementById('consultDes').removeEventListener('focus', this.resetScoll, false)
      clearInterval(timer);
   }, false)
}

说明:
在这里插入图片描述
removeEventListener只能移除具名函数的监听,且方法名称后面不能带()

// 监听手机返回
window.addEventListener("popstate", goBack(), false);
function goBack () {
  if (this.showSelectlist) {
    this.showSelectlist = false
    window.history.pushState("","","#");
    window.location.href = window.location.origin + '/#/taskAdd'
  }
  console.log(window.location.href)
}

// 取消监听
window.removeEventListener("popstate", this.goBack, false);
在JavaScript中,如果你尝试移除一个已经添加的事件监听器但发现它似乎并没有生效,可能有以下几个原因: 1. **未正确地使用`removeEventListener`**:你需要确保你在正确的元素上,并传递了相同的事件类型、处理函数以及可能的第三个参数(事件捕获标志)。例如,如果之前用`addEventListener`绑定了一个点击事件移除时也需提供相同的信息。 ```javascript element.removeEventListener('click', handler, false); ``` 2. **匿名函数或闭包问题**:如果监听函数是匿名的,或者在另一个作用域内定义,那么直接通过函数名无法找到它。在这种情况下,你应该保存函数引用以便于移除。 ```javascript let clickHandler = function() { // ... }; element.addEventListener('click', clickHandler); // 移除时需要存储的函数引用 element.removeEventListener('click', clickHandler); ``` 3. **事件已经被释放**:如果元素从DOM树中移除,那么相关的事件处理器也会被自动移除。确保在元素仍然存在时移除事件监听器。 4. **重复绑定**:有时候可能会意外地多次添加同一个事件监听器,只移除了其中一个。检查代码确保没有多余的绑定。 5. **错误的时间点**:可能是在事件触发后再移除监听器,这时事件已经处理完毕,所以看起来像是没起效。应该在事件绑定阶段就考虑移除条件。 如果以上情况都不适用,可能是出现了bug或者浏览器兼容性问题。可以检查一下控制台是否有关于该操作的错误信息,有助于定位问题。如果还有疑问,你可以提问具体的代码片段
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值