事件兼容
標(biāo)準(zhǔn)瀏覽器 | IE瀏覽器(IE8至以下) | 事件說(shuō)明 |
---|---|---|
preventDefault() | returnValue() | 阻止默認(rèn)事件 |
stopPropagation() | cancelBubble = true | 阻止事件冒泡 |
target | srcElement | 返回事件的目標(biāo)節(jié)點(diǎn) |
addEventListener() | attachEvent() | 事件監(jiān)聽(tīng) |
removeEventListener() | detachEvent() | 移除事件 |
event.pageX | event.x | X坐標(biāo)獲取 |
event.pageY | event.y | Y坐標(biāo)獲取 |
備注: IE9及以上瀏覽器2種事件都支持稳诚,IE8及以下只支持IE瀏覽器列表的事件方法,所以要做瀏覽器兼容的話(huà),應(yīng)先判斷是否支持該事件唬格,否則使用兼容事件。
如:
var e = e || window.event;
var target = e.target || e.srcElement;
if ( addEventListener ) {
addEventListener(event, function, useCapture);
} else {
attachEvent(event, function); //只有2個(gè)參數(shù),沒(méi)有事件捕獲和事件冒泡階段
}
.....