JS事件兼容 - 列表整理

事件兼容

标准浏览器 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个参数,没有事件捕获和事件冒泡阶段
}
.....

你可能感兴趣的:(JS事件兼容 - 列表整理)