在内容可编辑的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>