javascript - 无法从 Firefox 中的 contenteditable 元素中删除文本

Question

我刚刚遇到了这个。我有一个<p></p>内容可编辑的元素。我设置了最大字符数。它适用于除 FF 之外的所有浏览器(Chrome、IE10 及更高版本、Opera、Edge)。问题是，当我达到最大字符数后，我无法在 Firefox 中删除任何字符。

这是 HTML:

<div class="col-xs-12 text-place">
  <p contenteditable="true" onkeypress="return (this.textContent.length >= 500 ? false : true )">
  </p>
</div>

如有任何建议，我们将不胜感激!谢谢!

Answer 1

将 event.keyCode != 8 添加到 onkeypress 事件，如下所示:

onkeypress="return ((this.textContent.length >= 50 && event.keyCode != 8 )? false : true )"

如果您还需要使用del，可以添加&& event.keyCode != 46;

<div class="col-xs-12 text-place">
  <p contenteditable="true" onkeypress="return (this.textContent.length >= 500 && event.keyCode != 8 ? false : true )">
  </p>
</div>