Как запустить keyup() при использовании автозаполнения()

Question

Я хотел бы изменить первую букву слова на верхний регистр. Итак, я написал код на функции keyup().

Всякий раз, когда я печатаю внутри введенного текста, первая буква Word меняется на верхний регистр.

Я также использую autocomplete() функция. Проблема в том, что всякий раз, когда я выбираю слово из автозаполнения, его первая буква не изменяется в верхнем регистре, а также последнее текстовое поле становится автоматически сфокусированным.

FYI: Я запускаю функцию keyup() после выбора автозаполнения.

jsfiddle: http://jsfiddle.net/8ke04mgs/5/

Answer 1

Вы можете использовать событие изменения на вашем текстовом поле

$(document).on('change', 'inputBox', function() { 
    // Does some stuff and logs the event to the console 
}); 

Это позволит решить проблему автозаполнения

Answer 2

Ваш текущий способ делать вещи будет работать идеально, если выбрать метод, который вы предоставить библиотеке автозаполнения, после того, как значение поля было обновлено. Но это не так, его вызывают раньше, и поэтому значение, которое он использует, является старым значением и в любом случае немедленно заменяется автозаполнением.

Как отметил @Alok, вы можете использовать событие «change», чтобы подождать немного дольше.

Чтобы избежать выписывая обработчик событий дважды, помните .on() может занять несколько событий, поэтому я бы просто назвать его на KeyUp и изменения, как так

$('#element').on('keyup change', function() { 
    ... 
}); 

Но я думаю, что в «изменения» современные браузеры должно быть достаточно.