防止仅选择双击

Question

在我的Web应用程序中，我有几个由JavaScript处理的可点击元素。作为一个例子，我的表有可点击的标题文本来在客户端订购表：

<tr>
    <th><a>Name</a></th>
    <th><a>Price</a></th>
    <th><a>Date</a></th>
</tr>

它非常有效，但如果我快速点击两次，标题文本会突出显示（选中）。我知道有办法解决这个问题：

th a {
    user-select: none;
}

它修复了问题，但是如果我不想完全禁用选择呢？如果我选择所有页面内容或只是通过这些链接拖动选择，我希望它们被选中并准备好被复制。

有没有针对此的CSS解决方案？我很惊讶没有user-select值来防止这种选择。

更新

我只是想到了这个：

thead a:active {
    user-select: none;
}

似乎可以根据需要运作。这个想法有任何潜在的缺陷吗？这是常用的吗？