html - 有什么方法可以在没有 Javascript 的情况下双击选择多个单词?

标签 html css

假设我有一个网页,其中包含供用户复制粘贴的命令行命令。有什么方法可以用 HTML/CSS 显示它,这样双击一个词就可以选择整个命令?

示例:ls -l/myfiles - 单击此处的“myfiles”只会选择该词,但对于用户而言,如果选择整个命令以便于复制,将会获得更好的体验-粘贴。再次声明:这里没有 javascript。

最佳答案

我在问题中评论说,如果没有 javascript,则无法通过双击选择多个单词。至少对于 Firefox 而言,这并非完全正确。我刚刚找到了一种通过双击第一个单词来选择多个单词的方法!

您需要使用一个空格后跟 unicode (从右到左的标记)

仅适用于 Firefox!

jsfiddle demo

或者在演示 block 中双击“Hello”。

Hello ‏my ‏name ‏is ‏Kasper

我不知道为什么会这样。我只是在试验 unicodes...更多信息可以在 w3.org 上找到:

Using a Unicode right-to-left mark (RLM) or left-to-right mark (LRM) to mix text direction inline

编辑:

使用其他 unicode 空格字符可能更接近您想要的行为。例如 unicode DEMO ( jsfiddle ) 或双击下面 block 引号中的任何单词(同样,仅适用于 firefox)

Hello my name is Kasper

其他示例(双击大写单词)

in this SENTENCE ONLY WORDS WITH capitals are selected

关于html - 有什么方法可以在没有 Javascript 的情况下双击选择多个单词?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28251280/

相关文章:

javascript - 尝试读取 xml 文件时出现 AJAX 错误

java - 支持 Javascript 和 CSS 的 JEditorPane

javascript - onclick 添加另一个脚本在 Javascript 中不起作用

html - 构建大型基于 html 的元素的最佳实践

html - 为什么我的页脚没有粘在底部?

javascript - 在缩放比例发生变化的绝对定位图像下堆叠一个 div

html - 我怎样才能让这个 CSS 在 IE8 中正确显示?

html - 网站45度 Angular 分割背景色

javascript - 如何像 Windows 资源管理器一样并排调整两个 div 的大小

html - CSS 中的 Clip 保持图像大小为原始大小