javascript - 如何停止退格键在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 中完成它？

谢谢大家。