contenteditable里光标位置的问题
在contenteditable的元素中，光标的放置位置通常遵循一定的规范。然而，当元素中包含强标签（**）时，光标位置可能会出现意外情况。
如果光标最初放在强标签之前，无论输入什么文字，光标都将保持在之外。这是因为contenteditable元素会优先将光标放在非可编辑元素（如标签）的边界上。因此，光标始终位于**之外，输入的文字不会加粗，如下图所示：
<p>this is a 光标在此处<strong>test</strong></p>
但是，如果光标最初放在强标签之内，情况就会发生改变。在这种情况下，光标将在内部保持移动，并且输入的文字将加粗，如下图所示：
<p>this is a <strong>光标在此处test</strong> </p>
对于光标落脚点，w3c明确规定了相关的规范。该规范指出，光标应放置在插入内容的前端，如果前端是包含文本节点的元素的边界，则光标应放置在该边界。在本文所讨论的情况下，**标签内的文本节点的边界是光标的正确放置位置。
以上就是contenteditable元素中，光标位置为何会受强标签影响？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
239
收藏
