时间戳

首页 > 解决方案 > 如何通过按 ctrl 键或 shift 键在 html 表格中选择多行？

javascript - 如何通过按 ctrl 键或 shift 键在 html 表格中选择多行？

问题描述

我有一个简单的 html 表，其中行是动态创建的，并且值被插入到单元格中。这是代码：

var table=document.getElementById("emp");

var row=table.insertRow(0);
var cell = row.insertCell(0);
var cell1 = row.insertCell(1);
var cell2 = row.insertCell(2);
cell.innerHTML="<b>Name:</b>";
cell1.innerHTML="<b>Age:</b>";
cell2.innerHTML="<b>Address:</b>";

var row1=table.insertRow(1);
var cell3=row.insertCell(0);
var cell4=row.insertCell(1);
var cell5=row.insertCell(2);
cell3.innerHTML="Alex";
cell4.innerHTML=23;
cell5.innerHTML="Chicago";

现在，我希望能够使用Ctrlor选择表中的多行Shift。我怎么做？请帮我。

标签： javascript

解决方案

您可以检查单击处理程序内部是否按下了某个键，如果是，请执行适当的操作

const trs = document.querySelectorAll('tr');
trs.forEach(tr => tr.addEventListener('click', (e) => {
    console.log(e.shiftKey); // Will print true if shift is pressed.
}))

推荐阅读