JSイベント互換性-リスト整理

819 ワード

イベント互換性
標準ブラウザ
IEブラウザ(IE 8~以下)
イベントの説明
preventDefault()
returnValue()
デフォルトのイベントをブロック
stopPropagation()
cancelBubble = true
事件の泡を止める
target
srcElement
イベントのターゲットノードを返す
addEventListener()
attachEvent()
イベントリスニング
removeEventListener()
detachEvent()
イベントの削除
event.pageX
event.x
X座標取得
event.pageY
event.y
Y座標取得
備考:IE 9及び以上のブラウザの2種類のイベントがサポートされており、IE 8及び以下はIEブラウザリストのイベントメソッドのみがサポートされているため、ブラウザ互換を行うには、まずそのイベントがサポートされているかどうかを判断しなければならない.そうでなければ互換イベントを使用する.
次のようになります.
var e = e || window.event;
var target = e.target || e.srcElement;

if ( addEventListener ) {
   addEventListener(event, function, useCapture);
} else {
  attachEvent(event, function); //  2   ,             
}
.....