나는 원래 어떤 세포가 선택되었는지 결정하고 싶었지만 그들이 작동하지 않는 것으로 밝혀졌습니다. 마우스를 누른 후에 만 통과 한 세포 만 판단 할 수있었습니다.
내가 게시 한 이유는이 사건에 흥미로운 것들이 많이 있다고 생각하기 때문입니다.
OnMouseOver의 연속 트리거는 많은 중복 요소를 유발합니다
이벤트가 전체 테이블에 묶여 있으므로 정의되지 않은 경우도 나타납니다.
마우스의 반복 입력 및 종료는 동일한 요소의 간헐적 인 반복을 유발합니다.
그들을 해결하는 방법!
<TABLE ID = "dnf"> <tr> <td rowspan = "2"> 2 </td> <td> 2 </td> <td> 4 </td> </tr> <td> <td> 2 </td> <td> 4 </td> </td> <td> 2 <td> 4 </td> </td> </td> </td>
wind 색인 = []; } dnf.onmouseMove = function (e) {if (flag) // 마우스를 누르면 복합 코드가 실행됩니다 {indexs.push (search (e.target, dnf.getElementsByTagName ( "td")))}} dnf.onMouseUp = function () {flag = false; deleteUndefined (); // 경계를 통과하기 때문에 null 요소 deleterePaint ()가 나타납니다. } function deleterePaint () {for (var j = 0; for (var i = j+1; i <indexs.length; i ++) // jth duplication {if (head == indexs [i]) {indexs.splice (i, 1); 나--; }}}} function deleteUndefined () {for (var i = 0; i <indexs.length; i ++) {if (typeof indexs [i] == "undefined") {indexs.splice (i, 1); 나--; }}} 함수 검색 (a, a) {var length = a.length; for (var i = 0; i <length; i ++) {if (a == a [i]) {return i; }}}}}} </script>위의 원본 JS 기사는 마우스를 누른 후 해당 셀을 통과 한 후 편집자가 귀하와 공유하는 간단한 예입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.