任何使双击选择多个单词而没有Javascript的方法



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

示例:ls -l /myfiles - 单击此处的"myfiles"仅选择该单词,但对于用户来说,如果选择整个命令以便于复制粘贴,则会有更好的体验。再说一遍:这里的问题不是javascript。

我在问题中评论说,如果没有javascript,就不可能通过双击选择多个单词。至少对于火狐浏览器来说,这并不完全正确。我刚刚找到了一种通过双击第一个单词来选择多个单词的方法!

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

只适用于火狐!

JSFIDDLE 演示

或者双击块中的"你好"进行演示。

你好,我的名字是卡斯帕

我不知道为什么这有效。我只是在尝试使用Unicode...更多信息可以在 w3.org 上找到:

使用 Unicode 从右向左标记 (

RLM) 或从左到右标记 (LRM) 以内联方式混合文本方向

编辑:

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

你好,我的名字是卡斯帕

其他示例(双击带有大写字母的单词)

在这句话中,只有大写字母的单词是 选择

他们能只点击三下吗?您可以使用它选择整个元素,或者限制它放入中断。

这将使预期的突出显示行为保持一致。

不,没有任何方法可以在没有javascript的情况下双击。

默认浏览器行为是没有 javascript 的唯一可用行为。

  • 单击肚子将用于选择单行。
  • 如果要选择不同的模式,则需要javascript。
  • 如果你只想要双击时出现这种行为,你需要javascript。

设置CSS属性user-select: all;将允许通过单击选择整个元素:https://www.w3schools.com/cssref/css3_pr_user-select.asp

最新更新