Backspace删除整个span元素

时间:2015-09-17 21:37:07

标签: javascript jquery html backspace

是否可以使用退格键防止跨度删除?



<div class="form-control" contenteditable="true">
  <span class="correct-answer">
    <span contenteditable="false">The correct answer is (A) 1 to 2. </span>
    <span class="sentence" num="11">dgsdgsg. sgsdgs sgsgs.</span>
  </span>
</div>
&#13;
&#13;
&#13;

示例:http://jsfiddle.net/pvj64px9/1/

The correct answer is (B) 2 to 3. and `Choice A (1 to 2) is incorrect. ` must not be deleted.

1 个答案:

答案 0 :(得分:1)

将您的父容器更新为contenteditable =“false”

<div id="window-kitkat" class="form-control" contenteditable="false">

并将您想要的可编辑元素设置为true,例如

<span class="sentence" num="10" contenteditable="true">jfbgfdgdf sgdsgsd.</span>