如何使文本选择适合在HTML中完成单词？

我想使文本选择跨度完整的单词就像http://www.apture.com/那样。确切地说，如果你在一个单词的中间开始选择，它应该包括整个单词。如何使文本选择适合在HTML中完成单词？

例如，如果我的文字是这样的：

“这是一些SA mple TE XT供选择”

其中以粗体显示的文字是用鼠标选中，那么它应该覆盖整个单词进行选择看起来像

“这是选择一些示例文本”

我碰到此帖一 - >Expand selected text by one word这是完全相同的问题，但解决方案不适用于所有情况。

jQuery的wrapselection插件http://plugins.jquery.com/project/wrapSelection能够做到这一点，但我不想使用整个插件。我只需要简单的逻辑/代码示例就可以做到这一点。

来源

2011-03-02 dev_musings

除非您的目标是56k调制解调器世界，否则使用wrapSelection是因为它工作。如果你真的需要找出它是如何转变它的魔法的，那么抓住firebug（firefox插件）和一个非缩小版本的wrapSelection并逐步完成它。 – 2011-03-02 02:07:15

@Brandon我的javascript就像已经有好几个KB，我不想让它变得更大，这样我的客户在包含我的脚本时就不会看到任何延迟。此外，wrapSelection插件对其代码拥有版权，并且没有提及任何开源许可证或使用条款。所以我正在寻找一些简单的逻辑来自己做。 – 2011-03-02 19:18:24

我不记得是谁说的，只是'只有当你看到它是一个问题时才担心性能速度'。

因此，我会与布兰登的建议使用wrapSelection - 它的工作原理，并缩小了15K。将所有脚本连接成一个包含在HTML底部的文件，并在用户选择文件时将其下载。

来源

2011-04-14 18:58:39

如何使文本选择适合在HTML中完成单词？

回答

相关问题