html table 中如何让特定列的单元格文字内容无法在鼠标拖动时被选中且不可复制到剪切板

Question

如题，在 Chrome 中对最后一列的 td 使用了 user-select: none, 发现尽管视觉上没有高亮选中，但是一旦把选中的内容粘贴到记事本便发现最后一列的内容也是有的，望赐教。

Answer 1

如果只是不需要复制的内容，不想让别人选中的话，用canvas把文字转化成图片就好了：

<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.
</canvas>

<script>

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="40px Arial";
ctx.fillText("Hello World",10,50);

</script>

原回答：

能看到就等于可复制。

右键审查元素什么都能复制出来，就算做成图片别人也能直接用图像识别复制出来。

user-select: none的意义更多是显示效果上的

Answer 2

应该不会的吧，都选不中怎么可能被复制，是不是你之前复制过，在粘贴板里啊。