javascript - 将hoverIntent与 "mousedown"集成

Question

大家好，我有一个 HTML 表格，我正在尝试创建一些 Excel 样式的功能，例如复制和选择单元格等。我有一些很酷的效果(在表格单元格上使用 jQuery 的 mousedown)，但它太跳跃了。我了解了hoverIntent，但我不知道如何实现它。它如何适应这个(简化的复制功能):

$("table#grid td").mousedown(function () {
    // this cell has the value to copy; retrieve and store it
    mouseDown = true;
}).mouseover(function () {
    if(mouseDown) {
        // copy value into this cell
    }
};

$(document).mouseup(function () {
    mouseDown = false;
    // reset copy info
}

问题是，当跨越 td 边界时，它会多次(有时)注册鼠标悬停，这使得格式化选定/取消选定的单元格成为一场噩梦。

我希望这是有道理的。我对 jQuery 很陌生，但正在努力。

Answer 1

这绝对是棘手的。 HoverIntent 将有助于解决草率或意外的鼠标操作，但它可能无法解决您的问题。我在这里写的关于如何使用它的任何内容都只是 hoverIntent documentation 的复制品。 .

如果这还不够，我建议您更好地熟悉 jQuery's event object 。完成后，您会发现必须使用 event.target、event.currentTarget 和/或 event 进行大量微观管理。相关目标。

换句话说，将您的事件目标与单元格格式(可能还有所选单元格的日志)进行比较，以确定给定的鼠标悬停触发器是否“失火”。