IE でのイベントの使用方法と Firefox_javascript スキルの手順と詳細な違い

また、イベントトリガーソースの取得にはIEではsrcElement、FFではtargetを使用します。したがって、これら 2 つのオブジェクトを使用する場合は、関連するブラウザーの互換性を確保する必要があります。

<button id="btn" onclick="Click(event)"> </button>クリック
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります

]

包括的前のセクションのattachEventとaddEventListenerの説明。

<button id="btn" onclick="Click(event)"> </button> <button id="btnNew">クリック</button> イベントを追加をクリック
[Ctrl A すべて選択 注:

外部 Js を導入する必要がある場合は、更新して実行する必要があります
]

以下は IE と Firefox についてです。 イベントの詳細な違い
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)。