Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使文本选择适合HTML中的完整单词?_Javascript_Jquery_Html_Dom - Fatal编程技术网

Javascript 如何使文本选择适合HTML中的完整单词?

Javascript 如何使文本选择适合HTML中的完整单词?,javascript,jquery,html,dom,Javascript,Jquery,Html,Dom,我想让文字选择跨越完整的单词就像怎么做。确切地说,如果你在单词的中间开始选择,它应该包括整个单词。 例如,如果我的文本如下所示: “这是一些供选择的示例文本” 如果使用鼠标选择粗体文本,那么它应该覆盖整个单词,使选择看起来像 “这是一些供选择的示例文本” 我遇到了这篇文章-->这与我的问题完全相同,但解决方案并不适用于所有情况 jQuery的wrapselection插件可以做到这一点,但我不想使用整个插件。我只需要简单的逻辑/代码示例就可以做到这一点。我不记得是谁说过这句话,但“只有当您看到这

我想让文字选择跨越完整的单词就像怎么做。确切地说,如果你在单词的中间开始选择,它应该包括整个单词。

例如,如果我的文本如下所示:

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

如果使用鼠标选择粗体文本,那么它应该覆盖整个单词,使选择看起来像

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

我遇到了这篇文章-->这与我的问题完全相同,但解决方案并不适用于所有情况


jQuery的wrapselection插件可以做到这一点,但我不想使用整个插件。我只需要简单的逻辑/代码示例就可以做到这一点。

我不记得是谁说过这句话,但“只有当您看到这是一个问题时,才担心性能速度”


因此,我同意布兰登的建议,只使用wrapSelection——它可以工作,并且缩小到15K。将所有脚本连接到一个包含在HTML底部的文件中,当用户选择某个文件时,该文件将被下载。

除非您的目标是56k调制解调器世界,否则请使用wrapSelection,因为它可以工作。如果你真的需要了解它是如何旋转的,那么抓取firebug(firefox插件)和一个非精简版本的wrapSelection并逐步完成它。@Brandon我的javascript已经有好几KB了,我不想让它变大,这样我的客户在包含我的脚本时就不会看到任何延迟。此外,wrapSelection插件拥有其代码的版权,并且没有提及任何开源许可证或使用条款。所以我在寻找一些简单的逻辑来自己做。