文本選擇最佳實踐

可能重複：
css rule to disable text selection highlighting 文本選擇最佳實踐

，我們要構建的網絡應用程序，可以使元素展開/摺疊。

其中一個可點擊項目如下：

通知在元件上，當點擊文本選擇是煩人。處理這個問題的建議方法是什麼？

2012-09-28 Burt

上雙擊，而不是一個單一的點擊只應該發生的。 – BoltClock

感謝您的回覆BoltClock。它可以雙擊，但因爲項目可以展開和摺疊，所以雙擊的可能性非常高（在我看來） – Burt

如果用戶認爲選擇文本很煩人，那麼用戶不應該選擇文本。我不明白爲什麼這將是應用程序的關注。你可以嘗試一些JavaScript，它會將注意力集中在各種點擊事件上，但我認爲這會對用戶和開發人員造成更大的煩擾。 – David

對於Firefox和Chrome/Safari，您可以使用用戶選擇屬性。它仍處於試驗階段，我認爲這樣你應該使用供應商前綴是這樣的： #element-id{-moz-user-select: none; -webkit-user-select: none;}

至於Opera和IE瀏覽器使用我-o-用戶選擇將工作不知道（也許歌劇，但我不肯定）

編輯：我環顧了一下，因爲我也有興趣在這個問題，顯然，對於Opera和IE有unselectable屬性。 More details about it

2012-09-28 14:07:56

要在CSS方式禁用的選擇：

user-select: none; 
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none;

，或者您可以使用元素屬性不可選擇

<div unselectable="on">...</div>

2012-09-28 14:13:02 ntvf

回答