событие keyup работает медленнее

Мой пример:

$(document).on('keyup', '[contenteditable=true]', function (e) { let _this = $(this), text = _this.text(); if (text.length === 1) { let span = $('').text(text); _this.html(span); } console.log(_this.html()); }); 
 [contenteditable=true] { border: 1px solid #ccc; } 
  

Моя проблема: если я набираю текст (более 1 символа) с нормальной скоростью в div, код работает нормально. Но, когда я пытаюсь набирать текст с быстрой скоростью, в div не тег .

Как я могу это исправить?

    Вы можете использовать input событие, а более эффективно, когда вы трассируете пользовательские входы, посмотрите пример ниже:

     $(document).on('input', '[contenteditable=true]', function (e) { //Your logic }); 

    Или также keypress поскольку комментарии TJ Crowder’s :

     $(document).on('keypress', '[contenteditable=true]', function (e) { //Your logic }); 

    Надеюсь это поможет.

     $(document).on('input', '[contenteditable=true]', function (e) { let _this = $(this), text = _this.text(); if (text.length === 1) { let span = $('').text(text); _this.html(span); } console.log(_this.html()); }); 
     [contenteditable=true] { border: 1px solid #ccc; }