当您根据以下代码双击Chrome显示的内容中的there
或将光标置于H
左侧并按CTRL + right arrow key
时,选择范围将扩展到所有文本。
<div contentEditable="true">Hi<strong>1</strong>there<span>2</span>you</div>
然而,在第一种情况下,它应该只选择there
,在第二种情况下,它应该只选择Hi
。
这种行为只能用CSS来纠正吗?还是JavaScript的最坏情况?注意:无法向可编辑文本区域添加新符号。
JSFiddle:https://jsfiddle.net/7o6ykLt0/19/
双击there
时的预期结果:
实际结果:
1条答案
按热度按时间mrfwxfqh1#
按照Heretic Monkey的建议,您可以在单词之间插入
​
:也可以动态插入这些字符: