contenteditable里光标位置的问题

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body contenteditable="true">
    <p>this is a <strong>test</strong></p>
</body>

</html>

如果我把光标放置到文本 test 前输入几个字,很明显,光标是落在 <strong> 之外的,即 <p>this is a 光标在此处<strong>test</strong></p>,输入文字后的样式结果如下图,插入的文字没有加粗:
image.png

请问会出现光标落在 strong 之内的情况吗,就像这样 <p>this is a <strong>光标在此处test</strong></p>

关于光标落脚点的问题有什么规范吗?

阅读 1.3k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题