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

我想要做的是允许用户在将鼠标拖过它们时突出显示表格中的单元格，非常像问题和答案中所述通过拖动选择表格上的单元格

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

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

Answer 1

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

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

工作实例

您需要使用getAttribute方法：

 element.getAttribute("data-col") 

Answer 2

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

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

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