Первоначально я хотел определить, какие клетки были выбраны, но было обнаружено, что они не работают. Я мог только судить, какие клетки пройдут после того, как мышь была нажата.
Причина, по которой я опубликовал это, заключается в том, что в этом случае есть много интересных вещей.
Непрерывный триггер OnmouseOver вызывает многие дублируемые элементы
Поскольку событие связано со всей таблицей, также появляется неопределенная
Повторное вход и выход мыши вызовет прерывистое повторение того же элемента.
Как их решить!
<Таблица ID = "DNF"> <Tr> <TD ROWSPAN = "2"> 2 </TD> <TD> 2 </TD> <TD> 4 </TD> </TR> <TR> <TD> 2 </TD> <TD> 4 </TD> </TR> <TR> <TD> 2 </TD> <TD> 4 </TD> </TR> <TR> <TD> 2 </TD> <TD> 4 </TD>
window.onload = function () {var flag = false; <br> // Когда мышь нажимается, это истинно, а отзыв - это истинные var indexs = []; <br> // используется для хранения ячейки, проходящей мышью во всей позиции таблицы, и инициализируется, когда мышь нажимается, dnf.onmouseDown = function () {flag = true; indexs = []; } dnf.onmouseMove = function (e) {if (flag) // Только когда мышь нажимается, составной код будет выполнен {indexs.push (search (e.target, dnf.getelementsbytagname ("td"))}} dnf.onmouseup = function () {flag = false; deleteundefined (); // Поскольку он проходит через границу, появится Null Element deleteRepaint (); // Потому что Onmouseover не только запускается один раз, и мы решили пройти через ячейку неоднократно предупреждение (индексы); } function deleteRepaint () {for (var j = 0; j <indexs.length; j ++) // Убедитесь, что jth -элемент уникален {var head = indexs [j]; for (var i = j+1; i <indexs.length; i ++) // Удалить jth duplicate {if (head == indexs [i]) {indexs.splice (i, 1); я--; }}}} функция deleteundefined () {for (var i = 0; i <indexs.length; i ++) {if (typeof indexs [i] == "undefined") {indexs.splice (i, 1); я--; }}} function search (a, a) {var length = a.length; for (var i = 0; i <length; i ++) {if (a == a [i]) {return i; }}}}} </script>Вышеуказанная оригинальная статья JS, после нажатия мыши, прошла через эти ячейки, является простым примером того, как редактор делится с вами. Я надеюсь, что вы можете дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.