javascript - 单击网页中的句子时传递单个单词的最佳方法

Question

比如说，我有:

<p> This is a sentence </p>

当用户点击句子中的单词(this、is、a、sentence)时，网页就会知道特定的单词被点击。 js 或 jQuery 库中有相关的东西吗？

我想在 Django 中为我的项目执行此操作，以便当他们单击某个单词时，我知道单击了句子中的哪个单词(而不是整个句子本身)。

对此我只有两个想法:

1. 将句子拆分为不同的元素，以便在单击时使用 javascript 和 getElementByID 分隔单词 或
2. 与 #1 类似，但我只是使用 anchor 标记并以相同的形式传递链接和链接的值，以便我知道传递了句子中的哪个单词 () 我猜这有问题也是。

还有什么更好的办法吗？或者什么是最好的方法？

Answer 1

我们曾经这样做过，对整个文档来说这确实是一件令人讨厌的事情，但对于一个段落来说这还不错。

获取文本节点，将其分割为空白。然后，将每个单词包装在一个范围内并将其放回文档中。

将监听器附加到父节点并使用委托(delegate)来确定单击了哪个跨度。