jquery - 如何在棘手的情况下禁用表格上的文本选择？

Question

我有一个基本表格，如下所示:

<table>
    <tbody>
        <tr>
            <td>Column 1</td>
            <td>Column 2</td>
        </tr>
    </tbody>
</table>

在行上我有一个带有 jQ​​uery 的双击功能:

$('tr').live('dblclick',function(){
    dosomething();
    return false;
});

我还有一个名为 tablednd 的插件，它在行上使用 mousedown/up 函数。双击会导致单元格上的文本选择。

如何防止这种情况发生？

Answer 1

您不能使用 select() 事件，因为它仅限于输入元素。

相反，请在 selectstart 事件上尝试 preventDefault()...

$('tr').bind('selectstart', function(event) {
    event.preventDefault();
});

jsFiddle .

或者，您可以使用 CSS...

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