IE と FF のイベント オブジェクトの包括的な違い 推奨_JavaScript スキル

window.event
IE: window.event オブジェクトがあります
FF: window.event オブジェクトがありません。イベント オブジェクトは関数に引数として渡すことができます。たとえば、onmousemove=doMouseMove(event)
現在のマウス座標
IE:event.x およびevent.y。
FF:event.pageX およびevent.pageY。
共通: どちらにも、event.clientX プロパティとevent.clientY プロパティがあります。

マウスの現在の座標 (およびスクロール バーが回転した距離)
IE:event.offsetX およびevent.offsetY。
FF:event.layerX およびevent.layerY。
ラベルの x および y 座標位置: style.posLeft および style.posTop
IE: はい。
FF: いいえ。
共通: object.offsetLeft と object.offsetTop。

フォーム
IE の高さと幅: document.body.offsetWidth および document.body.offsetHeight。注: 現時点では、ページには body タグが必要です。
FF: window.innerWidth と window.innerHegiht、document.documentElement.clientWidth と document.documentElement.clientHeight。
共通: document.body.clientWidth および document.body.clientHeight。

イベントを追加
IE: element.attachEvent("onclick", func);。
FF: element.addEventListener("click", func, true)。
ユニバーサル: element.onclick=func. onclick イベントを使用することもできますが、onclick と上記 2 つのメソッドの効果は異なります。onclick は 1 つのプロセスのみを実行しますが、attachEvent と addEventListener はプロセスのリスト、つまり複数のプロセスを実行します。例: element.attachEvent("onclick", func1);element.attachEvent("onclick", func2) これにより、func1 と func2 の両方が実行されます。

タグ
IE のカスタム属性: タグ div1 に属性値が定義されている場合、その値は div1.value および div1["value"] によって取得できます。
FF: div1.value および div1["value"] を使用して取得することはできません。
一般: div1.getAttribute("value")。

親ノード、子ノード、削除ノード
IE:parentElement、parement.children、element.romoveNode(true)。
FF:parentNode、parentNode.childNodes、node.parentNode.removeChild(node)。