我想用键盘在 div 上选择文本（就像我们用鼠标选择文本一样）

Posted 2023-02-21

【中文标题】我想用键盘在 div 上选择文本（就像我们用鼠标选择文本一样）

【英文标题】：I want to select text on div with keyboard(Just like we select text with mouse)

【发布时间】：2022-01-23 18:27:53

【问题描述】：

我有一个要求，我需要仅使用键盘选择粗体文本（或以下段落中的任何其他潜文本）。有可能吗？

上的阅读文字

以下页面比平时更长，并用作本节中所有问题和示例的基础。但是，在真正的雅思考试中，40 或 50 道题将基于三个文本而不是一个文本，并且这些问题不会像这里一样多次测试您对文本中某个点的理解。

编辑::

我已将 tabindex 添加到 div 并且它现在获得了焦点，但是任何想法如何使用“Shift+左/右箭头”选择文本？

【问题讨论】：

看看能不能帮到你：javascript.info/selection-range

它没有帮助，但感谢您的建议

【参考方案1】：

首先将粗体文本放在 span 中并给出一个类和 for

两者必须彼此不同

 <p>The reading text on the
<span class="Selectonly" unselectable="on"><b>following page is longer than usual and is used as the basis for all the questions and examples in this section</b></span></p>

或

并使用用户选择元素

.Selectonly
   user-select: none;

【讨论】：

我要选择的文本在我们渲染html时没有决定，它是用户活动，用户可以选择他想要的任何文本。