如何停止退格键在javascript中移动光标？

Question

我有以下HTML。

<p contenteditable="true">
  <span class="myclass"><img src="image_source"></span>
  A quick brown fox jumps over the lazy dog.
  <span class="myclass"><img src="image_source"></span>
  A quick brown fox jumps over the lazy dog.
</p>

当你看到这个p标签时，这个p标签内的所有跨距都是可编辑的。 现在我的问题是：如果光标位于结束范围标记即</span>之后，则退格键不起作用。我的意思是如果我们在此范围内放置一些文本甚至img标记，则退格键不应该将光标移回此范围。

有人能告诉我如何在javascript中完成它吗？

感谢所有人。