Разрывы строк считаются 2 символами в contenteditable div

У меня есть следующий код в 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>

0 ответов

Другие вопросы по тегам