javascript - 阻止在 Safari 和 Firefox 中选择和复制表格列？

Question

我正在开发一个基本上是一个小实用程序，它在一个有两列的表中显示一段源代码，一列用于行号，一列用于实际源代码。

我发现您可以使用以下 CSS 来阻止选择文本的外观:

table th {
    -moz-user-select: none;
    -webkit-user-select: none;
}

不幸的是，这不起作用。虽然文本似乎未被选中，但如果您复制并粘贴，仍然会复制它。

那么实际上有办法做到这一点吗？

Answer 1

选择什么取决于 DOM 树中的顺序。因此，您需要将源显示放在显示行号的 html 之前或之后。将源代码和行号放在单独的 div 中并使元素 float 可能是实现此目的的最简单方法。