Подія зміни текстового поля jQuery не спрацьовує, поки текстова скринька не втратить фокус?

Я виявив, що подія зміни jQuery у текстовій скриньці не спрацьовує, поки я не натискаю її за межі поля.

HTML:

<input type="text" id="textbox" />

JS:

$("#textbox").change(function() {alert("Change detected!");});

Дивіться демонстрацію на JSFiddle

Моя програма вимагає, щоб подія була задіяна при кожній зміні символів у текстовому полі. Я навіть намагався використовувати клавіатуру замість ...

$("#textbox").keyup(function() {alert("Keyup detected!");});

... але відомий факт, що подія клавіатури не запускається при натисканні та вставці правою кнопкою миші.

Будь-яке вирішення? Чи виникне у обох слухачів якісь проблеми?

Прив’язка до обох подій - типовий спосіб зробити це. Ви також можете прив'язати до події вставки.

Ви можете прив’язати до кількох подій на кшталт цієї:

$("#textbox").on('change keyup paste', function() {
    console.log('I am pretty sure the text box changed');
});

Якщо ви хочете бути педантичним щодо цього, вам слід також прив’язати мишу, щоб задовольнити перетягування тексту навколо, та додати lastValueзмінну, щоб переконатися, що текст насправді змінився:

var lastValue = '';
$("#textbox").on('change keyup paste mouseup', function() {
    if ($(this).val() != lastValue) {
        lastValue = $(this).val();
        console.log('The text box really changed this time');
    }
});

І якщо ви хочете бути super duperпедантичними, тоді вам слід скористатися інтервальним таймером, щоб забезпечити автоматичне заповнення, плагіни тощо:

var lastValue = '';
setInterval(function() {
    if ($("#textbox").val() != lastValue) {
        lastValue = $("#textbox").val();
        console.log('I am definitely sure the text box realy realy changed this time');
    }
}, 500);

В сучасних браузерах, ви можете використовувати на inputподію :

DEMO

$("#textbox").on('input',function() {alert("Change detected!");});

$(this).bind('input propertychange', function() {
        //your code here
    });

Це працює для набору тексту, вставлення, клацання правою кнопкою миші тощо.

if you write anything in your textbox, the event gets fired.
code as follows :

HTML:

<input type="text" id="textbox" />

JS:

<script type="text/javascript">
  $(function () {
      $("#textbox").bind('input', function() {
      alert("letter entered");
      });
   });
</script>

Спробуйте це:

$("#textbox").bind('paste',function() {alert("Change detected!");});

Дивіться демонстрацію на JSFiddle .

Спробуйте наведений нижче код:

$("#textbox").on('change keypress paste', function() {
  console.log("Handler for .keypress() called.");
});

Читання ваших коментарів привело мене до брудної виправлення. Я знаю, що це не вірний спосіб, але це може бути обхід.

$(function() {
    $( "#inputFieldId" ).autocomplete({
        source: function( event, ui ) {
            alert("do your functions here");
            return false;
        }
    });
});