Javascript 按住ctrl键单击表格元素时删除默认的蓝色边框

这个问题以前有人问过，但没有一个答案对我有用

我尝试过的事情：

event.preventDefault（）-不执行任何操作

从css中删除用户选择-不可行，用户仍然可以选择文本

当ctrl+click-有延迟时，从事件中移除select，仅在鼠标点击后生效

上述示例：

document.body.querySelector('tbody').addEventListener('click', e => {
    e.preventDefault();
  if (e.target.tagName === 'TD') {
    if(e.ctrlKey){
        //Select row logic here
        if (document.selection){
        document.selection.empty();
      }else if (window.getSelection){
        window.getSelection().removeAllRanges();
      }
    }
  }
})

当用户单击“中间”表格单元格，然后选择所有单元格时，这会变得特别烦人

---

这个问题有什么优雅的解决办法吗？No JQuery please

我只是使用了错误的事件，mousedown是正确的：

table.addEventListener('mousedown', e => {
    if(e.ctrlKey){
        e.preventDefault();
    }
})

---

你用CSS试试吗

div#myDiv:active{
    text-decoration: none;
}

---

这会对边框产生什么影响？此命令在激活时将从元素中删除一些内容，例如，单击时，蓝色边框、下划线选择和文本紫色。我在问题中未看到任何div，无论是否激活。请给出一个有代码和没有代码的例子。我想我错了。。。对不起，请看一下副本，你可以用css来做这个-