我正在构建一个包含一些文本元素的HTML UI,例如选项卡名称,这些元素在选中时看起来很糟糕.不幸的是,用户很容易双击选项卡名称,默认情况下会在许多浏览器中选择它.
我或许可以通过JavaScript技巧来解决这个问题(我也希望看到这些答案) - 但我真的希望CSS/HTML中的某些东西直接适用于所有浏览器.
我有一个网站,我想禁止用户选择输入区域以外的内容。我目前有一些 CSS 来禁用用户选择:
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
Run Code Online (Sandbox Code Playgroud)
但是,这不包括 Internet Explorer;因此,我需要实现一些 JavaScript:
<body onselectstart="return false;">
Run Code Online (Sandbox Code Playgroud)
通过 CSS 和 JavaScript,我可以让所有流行浏览器中的所有内容都无法选择。但是,此代码也使区域无法选择,这是可用性差的主要情况。我使用 CSS 使输入区域可选:
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-o-user-select: text;
user-select: text;
Run Code Online (Sandbox Code Playgroud)
.. 正如您所料,这不包括 Internet Explorer,因为我使用 JavaScript 来禁用所有内容的选择。
我该怎么做才能使除输入区域之外的所有内容都无法选择?
我正在尝试创建一个非只读的文本区域(用户可以键入),但是他们无法选择并拖动。
我发现的所有内容都将文本区域变成只读区域,或者使我无法对焦。
感谢任何帮助。