如何在棘手的情況下禁用表格中的文本選擇？

Question

我有一個基本的表格，是這樣的：

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

在行我有jQuery的雙擊功能：

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

我也有使用鼠標按下/ up功能插件叫做tablednd在行上。 雙擊會導致單元格上的文本選擇。

我該如何預防？

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; 
} 

Answer 2

嘗試改變

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

到

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

這應該防止雙擊做任何事情，瀏覽器將在默認情況下做的。您應該在所有瀏覽器中測試此代碼，但不知道它是否可以在任何地方使用。