javascript 移動鼠標得到單元格所在table表中的rowIndex位置[兼容ie

2024-05-06 14:12:17

字體：大中小

來源：轉載

供稿：網友

從cnblogs看到的代碼，作者的代碼隨便不兼容firefox但，有助于大家學習為什么下面的代碼兼容了firefox,大家可以對比下，有助于學習，對于更多的文章可以參考錯新站長站以前發布的文章。
<html> <head> </head> <body> <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> </body> </html>
[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
下面的代碼是錯新站長站修改的兼容firefox的代碼
<html> <head> </head> <body> <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> </body> </html>
[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
主要區別如下：
1.事件e.srcElement與e.target

經常有人問 firefox 下的 event.srcElement 怎么用，在此詳細說明：
IE下,event對象有srcElement屬性,但是沒有target屬性;Firefox下,event對象有target屬性,但是沒有srcElement屬性.但他們的作用是相當的，即：
firefox 下的 event.target = IE 下的 event.srcElement

解決方法:使用obj(obj = event.srcElement ? event.srcElement : event.target;)來代替IE下的event.srcElement或者Firefox下的event.target.

2.parentNode與parentElement的區別
使用parentElement時在FF下無效，搜索一下才知道parentElement它是IE專用的，IE多年的霸主地位造成現在不少應用中無法與其他瀏覽器兼容的問題，標準化真的很重要，呵呵，一定要向Web標準看齊哦