如果内容可编辑的跨度和光标位于span和p tag之外，如何处理内容可编辑的删除和退格

Question

以下是我的示例，它适用于Chrome，但在Internet Explorer中无效。

  

我的问题是什么

1）当光标在span节点中时，如果我按了删除它会添加<br>标记

2）如果光标在范围之外且在<p>标记中，则不会删除范围标记并且光标保持在该位置

3）我不想删除完整范围。

  

我想要什么

• 当我按删除或退格键时，我应该检查光标在哪里..？
• 如果光标最后意味着跨度和p标记，则不应在删除时添加<br>标记，并且应允许在<span> 内退格文本。

＆＃13;

＆＃13;

<div contenteditable = "true">

<h2 style=\"margin: 0in -6.65pt 0pt 2in;\"><span lang=\"EN-GB\" style=\"font-size: 10.5pt; mso-bidi-font-size: 10.0pt;\"><font face=\"Book Antiqua\">Mr PQR</font></span></h2><br><p style=\"margin: 0in -6.65pt 0pt 2in; text-indent: 0.5in;\"><span lang=\"EN-GB\" style=\"font-size: 10.5pt; mso-bidi-font-size: 10.0pt;\"><strong><font face=\"Book Antiqua\">63 Yrs M</font></strong></span></p><br><p style=\"margin: 0in -6.65pt 0pt 2in; text-indent: 0.5in;\"><span lang=\"EN-GB\" style=\"font-size: 10.5pt; mso-bidi-font-size: 10.0pt;\"><strong><font face=\"Book Antiqua\">Dr. ABC</font></strong></span></p><br><p style=\"margin: 0in -6.65pt 0pt 2in; text-indent: 0.5in;\"><span lang=\"EN-GB\" style=\"font-size: 10.5pt; mso-bidi-font-size: 10.0pt;\"><strong><font face=\"Book Antiqua\">04.05.2003<span style=\"mso-tab-count: 1;\">&nbsp; </span><span style=\"mso-spacerun: yes;\">&nbsp;&nbsp; </span><span style=\"mso-tab-count: 2;\">&nbsp; </span></font></strong></span></p><p style=\"margin: 0in -6.65pt 0pt 2.5in; text-indent: 0.5in;\"><span lang=\"EN-GB\" style=\"font-size: 10.5pt; mso-bidi-font-size: 10.0pt;\"><strong><font face=\"Book Antiqua\">&nbsp;</font></strong></span></p><p style=\"margin: 0in -6.65pt 0pt 2.5in; text-indent: 0.5in;\"><span lang=\"EN-GB\" style=\"font-size: 10.5pt; mso-bidi-font-size: 10.0pt;\"><strong><font face=\"Book Antiqua\">&nbsp;</font></strong></span></p><p style=\"margin: 0in -6.65pt 0pt 2.5in; text-indent: 0.5in;\"><span lang=\"EN-GB\" style=\"font-size: 10.5pt; mso-bidi-font-size: 10.0pt;\"><strong><font face=\"Book Antiqua\">&nbsp;</font></strong></span></p><h4 style=\"margin: 0in -6.65pt 0pt 0in; text-indent: 0in;\"><u><font face=\"Book Antiqua\"><b style=\"mso-bidi-font-weight: normal;\"><span lang=\"EN-GB\" style=\"font-size: 10.5pt; text-decoration: none; mso-bidi-font-size: 10.0pt; text-underline: none;\"></span></b><b style=\"mso-bidi-font-weight: normal;\"><span lang=\"EN-GB\" style=\"font-size: 10.5pt; mso-bidi-font-size: 10.0pt;\">MRI STERNO CLAVICULAR JOINTS</span></b></font></u></h4>
</div>

＆＃13;

＆＃13;

＆＃13;