Javascript 通过鼠标拖动高亮显示单行的表格单元格

我试图做的是，当用户将鼠标拖动到表格中的单元格上时，允许用户高亮显示这些单元格，这与问答中所述的非常相似

但我需要做的是限制拖动/高亮显示效果跨越多个列。e、 g.用户在哪一列启动拖动事件时，不能突出显示该列的外侧

---

有人对如何实现这一点有什么想法吗？

以另一个问题中的示例为例，您应该给“td”元素一个属性，如数据行和数据列，然后当有人选择存储当前数据列时，防止用户选择具有不同数据列值的其他列

我在下面的链接中添加了一个工作代码，您可以将其更改为仅适用于行

您需要使用getAttribute方法：

element.getAttribute("data-col")

---

高亮显示第一个时，设置一个布尔值，如isHighlighted=true；然后在实际突出显示时只需执行

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

---

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

是否使用

if

语句？在第一个mouseDown事件中获取列，并仅将拖动事件应用于同一列中的元素…这不会将高亮显示限制为所选的第一列。可以通过拖动高亮显示整个表格。