Question

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

我的目标是建立阻力和放大器。删除项目（我已经完成的部分），当您在表格单元格（<td>）上拖动项目时，它（<td>）将更改其background color，当我删除将项目放入<td>它应该将当前颜色更改为另一种颜色。

我认为我需要检测项目在<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;
    */
}

识别表的mouseon并插入值

2 个答案: