控制“全选”行为

Question

当我写文本区域，输入文本或在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并选择页面上的所有内容，这将很奇怪： 简化提琴 。

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

在小提琴中看到它

Answer 2

不太清楚您要问的是什么，但以下两点可能会有所帮助...

该CSS将阻止用户在页面上突出显示不应突出显示的内容...

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

而且此javascript可以使用户在单击时突出显示和复制项目...

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

注意：此处仅提供Webkit CSS，因为我仅在Chromium中工作。