尽管使用“-webkit-user-select：none”，Chrome仍会复制文字

Question

我想在表格中创建一个不可复制的元素（因为更好的可读性）。

在Firefox中，它运行正常。如果您选择所有内容并将其复制，则不会复制特定的文本元素。

可悲的是在Chrome中这不起作用。实际上，浏览器不会选择文本，而是复制文本。

<td unselectable="on" id="unselectable">Test2</td>

#unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

示例：http://jsfiddle.net/pXAeB/

这个问题有解决方法吗？

Answer 1

Demo Fiddle

将以下内容添加到您的表格元素中：

unselectable='on'
onselectstart='return false;' 
onmousedown='return false;'

到你的表元素。请注意，对于Chrome，大部分时间只包含onselectstart='return false;'就足够了。