无法从firefox中的contenteditable元素中删除文本

时间:2016-06-22 11:35:21

标签: javascript html firefox

我刚碰到这个。我有一个<p></p>元素,这是一个令人满意的元素。我让它有一个最大字符数。它适用于所有浏览器(Chrome,IE10及以上版本,Opera,Edge)但FF。问题是,在达到最大字符数后,我无法删除Firefox中的任何字符。

以下是HTML:

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

任何建议都表示赞赏!谢谢!

1 个答案:

答案 0 :(得分:2)

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>