javascript - 使用 JavaScript 创建 "text selection"功能(如触摸屏浏览器中所示)

Question

我需要在 javascript 中创建以下功能:

1. 用户应该能够进入文本选择模式(通过长按单词或点击专用按钮，用户如何进入文本选择模式并不重要)
2. 一旦进入文本选择模式，两个 handle 应该出现在选择的开始和结束，这将允许用户扩展选择(用户将能够拖动 handle 图像以扩展选择)
3. 所选文本将以突出显示模式显示

以下是 Android 3.0 浏览器中相同功能的示例:

我需要使用 Javascript 创建相同的功能。我尝试搜索“javascript 文本选择”，但找不到任何有用的信息。 有人可以建议我如何执行此操作或向我指出任何现有工作吗？非常感谢。

Answer 1

你所说的是一个非常广泛的用户界面问题，你无法用几行 Javascript 代码解决它。我对现有的移动 Javascript 库非常了解，但我还没有遇到产品化的解决方案，因为这个问题实际上非常困难。

• 您需要具有缩放/跟随手指功能，该功能将复杂的试探法应用于光标实际应该去的地方

• 在任意 HTML 文本中移动标记很麻烦 - 您需要有一种方法将 HTML 拆分成更小的部分

因此，我建议你要么

• 写一个跨平台的伪文本选择库(这不是一个编程问题，而是一个非常非常了解 HTML5 和移动的人的日常工作)

• 发布此自由职业者赏金工作 <-- 一个建议

从技术 Angular 看

• 可以禁用设备的 native 文本选择(-webkit- 特殊 CSS 样式)

• 可能无法在移动设备上通过 Javascript 与 native 剪贴板交互

• 较旧的 Android 设备首先缺少用于复杂触摸交互的适当 Javascript 事件