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

Question

我想要做的是让用户在将鼠标拖过它们时突出显示表格中的单元格，这与问答中所述的内容非常相似Select Cells On A Table By Dragging

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

任何人对如何实现这一点都有任何想法？

Answer 1

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

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

Working example

您需要使用getAttribute方法：

element.getAttribute("data-col")

Answer 2

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

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

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