javascript - 换行符在 contenteditable div 中计为 2 个字符

Question

我在 jQuery 中有以下代码，用于计算已写入文本框中的字符数。

问题是当插入换行符时，计数器减去2字符而不是 `1`。当新字符写入新行时，计数器会自动更正，不会减去任何字符。

$(document).ready(function() {
    $(document).on("input", "#textbox", function(event) {
        var character_counter = $(this)[0].innerText.length;
        $("#character-counter").html(160 - character_counter);
  });
});

#textbox {
  padding: 6px;
  border: solid 1px #aaa;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div id="textbox" contenteditable="true"></div>
<div id="character-counter">160</div>