javascript マウスを動かすとテーブル内のセルが存在するrowIndex位置を取得します 【ie,firefox対応】【オリジナル】_javascriptスキル

cnblogs で見たコードは、作者のコードが Firefox と互換性がない可能性がありますが、次のコードが Firefox と互換性がある理由を知るのに役立ちます。他の記事については、こちらを参照してください。 Zhijia によって以前に公開された記事を参照できます。

<table width="200" border="1"> <tr> <td onclick="mouseover()"> </td> <td onclick="mouseover()"> </td> <td onclick="mouseover()"> </td> </tr> <tr> <td onclick="mouseover()"> </td> <td onclick="mouseover()"> </td> <td onclick="mouseover()"> </td> </tr> <tr> <td onclick="mouseover()"> </td> <td onclick="mouseover()"> </td> <td onclick="mouseover()"> </td> </tr> </table>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、それを実行するために更新する必要があります

]

次のコードは、ホーム

によって変更されたスクリプト Firefox 互換コードの一部です。 <table width="200" border="1"> <tr> <td onclick="mouseover(arguments[0])"> </td> <td onclick="mouseover(arguments[0])"> </td> <td onclick="mouseover(arguments[0])"> </td> </tr> <tr> <td onclick="mouseover(arguments[0])"> </td> <td onclick="mouseover(arguments[0])"> </td> <td onclick="mouseover(arguments[0])"> </td> </tr> <tr> <td onclick="mouseover(arguments[0])"> </td> <td onclick="mouseover(arguments[0])"> </td> <td onclick="mouseover(arguments[0])"> </td> </tr> </table>
[Ctrl A すべて選択 注:

外部 Js を導入する必要がある場合は、更新して実行する必要があります
]
主な違いは次のとおりです:
1. イベント e.srcElement と e.target


Firefox でのevent.srcElementの使用方法についてよく質問されます。詳細は次のとおりです。 🎜>IE では、イベント オブジェクトには srcElement 属性がありますが、target 属性はありません。Firefox では、イベント オブジェクトには target 属性がありますが、srcElement 属性はありません。ただし、それらの関数は同等です。つまり、
event.target under firefox =event.srcElement under IE

解決策: IE のevent.srcElement、Firefox のevent.targetの代わりに、obj (obj =event.srcElement ?event.srcElement :event.target;)を使用します。
2 .parentNode とparentElement の違い
parentElement を使用する場合、FF では無効です。調べてみると、parentElement は長年 IE の独占的な存在でした。多くのアプリケーションが他のブラウザと互換性を持たなくなる原因となったので、標準化は非常に重要です。笑、Web 標準に従わなければなりません。