javascript - 在鼠标拖动时突出显示单行的表格单元格

Question

我想要做的是允许用户在将鼠标拖到表格上时突出显示表格中的单元格，就像问题和答案中概述的那样Select Cells On A Table By Dragging

我需要做的是限制拖动/突出显示效果跨越多列。例如，用户在哪一列开始拖动事件，他们无法突出显示该列。

有人对如何实现这一目标有任何想法吗？

Answer 1

以另一个问题中的示例为例，您应该为“td”元素赋予一个属性，例如 data-row 和 data-col，然后当有人选择存储当前 data-col 并防止用户选择其他列时具有不同的 data-col 值。

我在以下链接中放置了一个工作代码，您可以将其更改为仅适用于行。

工作示例

您需要使用 getAttribute 方法：

element.getAttribute("data-col")

Answer 2

当您突出显示第一个时，设置一个布尔值，例如 isHighlighted = true; 然后在您的实际突出显示中

if(isHighlighted == false){
    ///do highlighting
}

当您取消选择第一个框时，只需将布尔值设置为 false。