JS 取消事件绑定的兼容函数
时间: 2023-11-07 10:04:41 浏览: 44
JS 取消事件绑定的兼容函数通常可以使用以下两种方式实现:
1. 使用 removeEventListener() 方法(现代浏览器支持):
```javascript
function removeEvent(element, type, handler) {
if (element.removeEventListener) {
element.removeEventListener(type, handler, false);
} else if (element.detachEvent) {
element.detachEvent('on' + type, handler);
} else {
element['on' + type] = null;
}
}
```
2. 使用 detachEvent() 方法(IE8 及以下版本支持):
```javascript
function removeEvent(element, type, handler) {
if (element.detachEvent) {
element.detachEvent('on' + type, handler);
} else if (element.removeEventListener) {
element.removeEventListener(type, handler, false);
} else {
element['on' + type] = null;
}
}
```
这两种方式都可以实现取消事件绑定的兼容性。需要注意的是,addEventListener() 和 detachEvent() 方法的参数顺序不同,因此在函数中需要做一些判断和适配。
相关推荐
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pptx](https://img-home.csdnimg.cn/images/20210720083543.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![whl](https://img-home.csdnimg.cn/images/20210720083646.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![whl](https://img-home.csdnimg.cn/images/20210720083646.png)
![whl](https://img-home.csdnimg.cn/images/20210720083646.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)