javascript - 使行号不可复制

Question

我正在努力为 Rainbow 添加行号支持，一个语法高亮器，但我不知道如何使行号不可复制。

通过 user-select: none; 禁用选择会使元素无法突出显示，但您仍然可以通过突出显示它周围的元素然后复制来复制其文本，最终复制行号和代码。

这是该问题的一个工作示例:http://jsfiddle.net/CjJLv/8/

如有任何帮助，我们将不胜感激。谢谢!

Answer 1

好的，在兼容的浏览器中最简单的方法，遗憾的是，不可靠的跨浏览器，是使用生成的内容(我已经删除了 index 被添加到文本内容的各个部分在插件中，并使用以下(在 CSS 末尾)实现不可复制的文本:

table.rainbow {
    counter-reset: line;
}

table.rainbow tbody tr td:first-child {
    counter-increment: line;
}

table.rainbow tr td:first-child::before {
    content: counter(line);
}

JS Fiddle demo .

不过，这确实有一些相当大的缺陷(跨浏览器不友好的方法是最大的)，所以我会尝试更好的东西......