事件兼容
標準瀏覽器 | 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個參數,沒有事件捕獲和事件冒泡階段
}
.....