Specifi c Javascript обработчик событий отказывается запускать

Question

Хорошо. Вот мое JavaScript:

var inputElement = document.getElementById("studentName");

function updateCount(event) {
    document.getElementById("stringLength").innerHTML = event.target.value.length;
}

inputElement.addEventListener('onblur', updateCount);

Проблема в том, что событие onblur никогда не запускается. Chrome не дает мне никаких подсказок, потому что все идентификаторы введены правильно. Есть идеи?

Answer 1

Событие размытия происходит, когда элемент потерял фокус. В соответствии с документацией необходимо добавить blur и прикрепить функцию к blur , а не onblur:

inputElement.addEventListener('blur', updateCount);

var inputElement = document.getElementById("studentName");

function updateCount(event) {
    document.getElementById("stringLength").innerHTML = event.target.value.length;
}

inputElement.addEventListener('blur', updateCount);

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

<span id="stringLength"></span>

Answer 2

В справочнике о событиях нет событий, называемых onblur.

. Вместо этого прослушивайте событие blur :

inputElement.addEventListener('blur', updateCount);