JS 取消事件绑定的兼容函数
时间: 2023-11-07 19:04:41 浏览: 20
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() 方法的参数顺序不同,因此在函数中需要做一些判断和适配。