2014-03-06 34 views
11

我有一個元素ng-dblclick='doSomthing()',它工作正常,但也有在元素中選擇文本的醜陋副作用。有沒有辦法來防止這種情況?如何防止在ng-dblclick中選擇AngularJS中的文本?

+0

您是否嘗試過移動文本的文本選擇DIV成'Button'? – MrROY

+0

也許'e.preventDefault();'?我對AngularJS並不熟悉,所以我不知道,但試試看 - 也許會有所幫助。 – Atutouato

回答

15

嘗試將這些CSS規則添加到您的類或要防止

.myClass { 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
} 
+1

這不支持在IE 8或9中。 – peteallen

+0

這對網站來說是一件可怕的事情。我認爲更好的選擇是隻在用戶雙擊但不選擇 – pcnate

+0

@pcnate時明確阻止選擇。我完全同意!這就是爲什麼在我的例子中,我將這些規則應用於一個名爲「myClass」的特定css類,而不是任何頂級元素(div,span,button等)。您可以簡單地將「myClass」或任何您希望類名稱應用於要阻止文本選擇的元素。 – njtman