如何使用Firefox浏览器删除contenteditable内部的br标签？

Question

当用户向编辑器中添加一些文本时，我正在尝试创建一个事件来删除所有br标签。

我已经尝试过使用此代码，但是它在Chrome上运行正常。当我使用Firefox对其进行测试时，该代码会删除文本中的空格。

$('div').on('input', function () {
  $(this).find('br').remove();
});

div {
  width: 200px;
  height: 20px;
  border: 1px solid #ccc;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div contenteditable="true"></div>

这是我使用Firefox浏览器键入s s s s s（包含空格）时发生的情况：

https://i.ibb.co/s2DL0Nb/Untitled.png