javascript - 识别表的鼠标并插入值

Question

首先，我不想使用 jQuery 或其他库——纯 JS。

我的目标是构建拖放项目（我已经完成的那部分），当您在表格单元格（<td>）上拖动一个项目时，它（<td>）将更改他的background color，当我将项目放入时<td>它应该更改当前颜色到另一种颜色。

我认为我需要检测一个项目何时在 a 上<td>，我该怎么做，以及我如何知道<td>我应该更改哪个。

Answer 1

你可以用onmouseover这个，

document.getElementById(id).onmouseover = function() {//do something};

Answer 2

我建议：

var table = document.getElementsByTagName('table')[0];

function colorCell(e){
    var cell = e.target;
    cell.style.backgroundColor = '#f00';
}

table.addEventListener('mouseover', colorCell, false);

或者，您可以直接绑定到td元素本身：

var cells = document.getElementsByTagName('td');
for (var i = 0, len = cells.length; i < len; i++) {
    cells[i].addEventListener('mouseover', colorCell, false);
    /* or:
    cells[i].onmouseover = colorCell;
    */
}