控制「全選」行爲

Question

在我寫信給一個textarea，文本輸入或在iframe中工作時，「全選」只會選擇文本內部的內容。
我需要達到這種行爲與div（使用CSS或JavaScript）。

一言以蔽之：

I shouldn't be selected on select all. 
<div id="box"> 
I should be selected on select all. 
</div> 

我工作在JavaScript中自定義的確認對話框，如果我在上下文菜單或按Ctrl + A單擊「全選」，然後選擇這將是不可思議頁面上的所有內容：simplified fiddle。

Answer 1

您可以添加一個類你不希望它被選中並使用CSS這樣像這樣的區域：

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

看到它在fiddle

Answer 2

不太清楚究竟什麼你問，但這裏有兩件事可能幫助...

此CSS將阻止用戶突出顯示的東西uldn't可以在頁面上highlighetd ...

* { 
-webkit-user-select: none; 
-webkit-tap-highlight-color: transparent; 
} 

而且這個JavaScript將使用戶突出，當他點擊它複製項目...

onclick="this.focus(); this.select();" 

注：只有Webkit的由於我只在Chromium工作，所以CSS在這裏提供。