JQuery focusout не срабатывает
Я пытаюсь вызвать метод после потери фокуса, к сожалению, мой JQuery не вызывает метод .focusout.
Код:
$("#account-number").focusout(function() {
console.info("number ready");
});<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form class = "col-sm-8">
<div class = "form-group" id = "number">
<label for = "exampleFormControlInput1">Account number</label>
<input type = "account-number" class = "form-control" id = "account-number" placeholder = "1234 5678 1234 5678">
</div>
</form>Скрипт правильно скомпонован, остальные JS-функции работают.
Используете ли вы какие-либо другие библиотеки или фреймворки помимо jQuery?
Я запустил ваш код, и он отлично работает. Вы ждете $ (document) .ready?
Bootstrap, но и без него не работает. $ ("# account-number"). ready (function () {console.info ("hello);}); работает, так что это просто проблема с фокусировкой
Вы должны показать нам точный код, который вы используете
Это супер странно, codepen.io правильно вызывает функцию jquery со всем моим кодом, а мой браузер Firefox - нет.
Вы пробовали $ ("# account-number"). Blur (function () {console.info ("number ready");});
Да все равно никакого эффекта.
$ (документ) .on ("focusout", "# номер-счета", function () {alert ("fnumber ready");}); Попробуй, а что будет, если попробовать поменять?
Боже милостивый, это работает. Но почему мой предыдущий код не работал?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Просто сделайте следующее:
$(document).on("focusout","#account-number",function(){ alert("number ready"); });
Почему это происходит? Я не знаю, но это то, что я пробую, когда все остальное терпит неудачу. Я прочитал, что это на самом деле логично и ожидаемо для входных элементов, но я не могу найти ресурс.
код работает нормально выше. Так что же по-другому? Вы прикрепляете к элементу что-нибудь еще? Находит ли jQuery элемент?