Question

当我写信给textarea，文字输入或在iframe工作时，＆＃34;选择所有＆＃34;只选择文本中的内容。
我需要使用div（使用CSS或JavaScript）来实现这种行为。

简而言之：

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

我正在使用JavaScript中的自定义确认框，如果我点击＆＃34;选择所有＆＃34;那将会很奇怪。在上下文菜单中或按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将阻止用户突出显示页面上不应该高亮的内容......

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

此javascript将使用户能够在点击它时突出显示并复制项目......

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

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

控制＆＃34;选择所有＆＃34;行为

2 个答案: