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

时间:2018-01-30 10:31:48

标签: javascript jquery html contenteditable

以下是我的示例,它适用于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;

0 个答案:

没有答案