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

Question

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

我发现您可以防止使用以下 CSS 选择文本的外观：

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

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

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

score 0 · Accepted Answer

0

您的问题的解决方案可以在这里找到：

于 2009-07-28T02:09:41.483 回答

score 0 · Accepted Answer

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

score -1 · Accepted Answer

您的所有行号都应位于单个tr中的单个td中。如果您为每一行创建一个tr，您将无法阻止复制行号。

有关示例，请参阅此页面的来源：http ://pastie.org/561138 。

score -1 · Accepted Answer

您是否尝试过将它们放在单独的 div 中并使其浮动？

我也刚刚找到了这个，使用 jQuery 为你做这件事。你可以使用它，或者你可以把它拆开并弄清楚它是如何显示的，然后使用它。

4 回答 4