javascript - 双击而不选择内容

Question

如何防止 <td> 的内容从被选中时 <td>是双击？

如果我在双击后手动单击页面中的任意位置，则内容(通过双击选择)未被选中。

但是，如果我以编程方式触发单击，内容实际上会保持选中状态...

$(".tableCell").dblclick(function(){
    $("body").click();
});

这给出了相同的结果:

$(".tableCell").dblclick(function(){
    return false;
});

fiddle : http://jsfiddle.net/eYpY6/1/

Answer 1

借自这个 SO 答案:How to disable text selection highlighting using CSS?

你可以使用这个:

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

在 CSS 规则中，参见 fiddle :http://jsfiddle.net/KyleMuir/eYpY6/2/

不需要 JS :)

希望这对您有所帮助。