主流浏览器是否原生支持HTML表格行Ctrl点击多选（选中/取消）

当前Chrome、Firefox、Safari、Edge等主流浏览器并不原生支持表格行通过Ctrl点击实现多选/取消选中的功能。浏览器原生仅支持文本范围选择，或是<select multiple>这类表单控件的多选逻辑，表格<tr>元素本身没有内置的多选交互行为。

如果需要实现你代码里的表格行Ctrl多选功能，完全可以基于现有Angular代码扩展：

• 维护一个数组存储选中行的索引或ID，比如selectedRows: number[] = []
• 修改ClickedRow方法，判断是否按住Ctrl键：

  ClickedRow(index: number, event: MouseEvent) {
    if (event.ctrlKey) {
      // 切换选中状态
      const idx = this.selectedRows.indexOf(index);
      if (idx > -1) {
        this.selectedRows.splice(idx, 1);
      } else {
        this.selectedRows.push(index);
      }
    } else {
      // 非Ctrl点击，清空只选当前行
      this.selectedRows = [index];
    }
  }
  

• 调整行的高亮逻辑，将[class.active]="i == HighlightRow"改为[class.active]="selectedRows.includes(i)"

这样就能实现你需要的Ctrl点击多选、再次点击取消的交互效果。

内容的提问来源于stack exchange，提问作者janci