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 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.

]

다음 코드는 home

에서 수정한 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 모두 선택 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]
주요 차이점은 다음과 같습니다.
1. 이벤트 e.srcElement 및 e.target


사람들이 종종 Firefox에서 event.srcElement를 사용하는 방법을 묻습니다.
IE에서는 이벤트 객체에 srcElement 속성이 있지만, 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의 독점권을 갖고 있었습니다. 많은 애플리케이션이 다른 브라우저와 호환되지 않게 되었습니다. 표준화가 정말 중요합니다. 하하, 우리는 웹 표준을 따라야 합니다