事件兼容
标准浏览器 | IE浏览器(IE8至以下) | 事件说明 |
---|---|---|
preventDefault() | returnValue() | 阻止默认事件 |
stopPropagation() | cancelBubble = true | 阻止事件冒泡 |
target | srcElement | 返回事件的目标节点 |
addEventListener() | attachEvent() | 事件监听 |
removeEventListener() | detachEvent() | 移除事件 |
event.pageX | event.x | X坐标获取 |
event.pageY | event.y | Y坐标获取 |
备注: IE9及以上浏览器2种事件都支持,IE8及以下只支持IE浏览器列表的事件方法,所以要做浏览器兼容的话,应先判断是否支持该事件,否则使用兼容事件。
如:
var e = e || window.event;
var target = e.target || e.srcElement;
if ( addEventListener ) {
addEventListener(event, function, useCapture);
} else {
attachEvent(event, function); //只有2个参数,没有事件捕获和事件冒泡阶段
}
.....