addEventListener兼容
时间: 2023-10-18 22:23:42 浏览: 53
addEventListener方法是JavaScript中用于添加事件监听器的方法。它是W3C DOM规范中定义的标准方法,但在不同的浏览器中实现不一致,因此需要进行兼容处理。
以下是一些常见的兼容方法:
1. 使用addEventListener方法进行绑定事件,同时也使用attachEvent方法进行绑定事件,在不同浏览器中使用不同的方法。
```javascript
if (document.addEventListener) {
document.addEventListener('click', function() {
console.log('click event');
});
} else if (document.attachEvent) {
document.attachEvent('onclick', function() {
console.log('click event');
});
}
```
2. 使用自定义函数来封装addEventListener方法,以确保在不同浏览器中都能正常工作。
```javascript
function addEvent(element, event, callback) {
if (element.addEventListener) {
element.addEventListener(event, callback, false);
} else if (element.attachEvent) {
element.attachEvent('on' + event, callback);
}
}
addEvent(document, 'click', function() {
console.log('click event');
});
```
3. 使用jQuery等JavaScript库来统一处理不同浏览器中的事件绑定,简化兼容性处理。
```javascript
$(document).on('click', function() {
console.log('click event');
});
```