如何在不修改 HTML 的情况下检测文本中被点击的单词？

基于点击事件的单词检测

在 Web 开发中，识别文本中单击的单词对于交互式应用程序来说是必不可少的。一种常见的方法包括解析 HTML 并将每个单词包装在 span 元素中，使用 jQuery 检测点击并检索单词的文本。然而，此解决方案效率低下且美观。

为了增强该流程，可以使用替代方法来消除大量 HTML 修改的需要。该解决方案利用现代浏览器（例如 Webkit、Mozilla 和 IE9）支持的 Selection API。

提供的 JavaScript 实现 (https://jsfiddle.net/Vap7C/15/) 通过以下方式启用单词检测步骤：

1. 为目标文本元素定义点击事件处理程序。
2. 利用 getSelection() 方法检索当前文本选择。
3. 创建范围对象来确定单词在文本中的开始和结束位置。
4. 迭代文本以根据空格查找单词的开始位置。
5. 扩展范围以查找单词的结束位置，再次基于空白。
6. 修剪所选文本并将其显示为单击的单词。

此方法为基于点击的单词检测提供了更快、更清晰的实现，而不需要大量的操作HTML 修改或外部浏览器 API。它可以在各种浏览器中有效运行，为基于文本的交互式应用程序提供可靠的解决方案。

以上是如何在不修改 HTML 的情况下检测文本中被点击的单词？的详细内容。更多信息请关注PHP中文网其他相关文章！