При нажатии кнопки работает только функции обработчика, код который написан после - отработал после создания обработчика.
a
не существует до нажатия кнопки. Сначало выводится alert
, а потом нажимаем любую кнопку в #search
и alert
с выводом a
уже вспышку прохлебал
$('#search').on('keyup', function() {
a = 'test';
console.log(a); // test
});
console.log(a); // a is not defined
$('#search').on('keyup', function() {
a = this.value;
f(a);
});
function f(a) {
console.log(a);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>
<input id='search'>
Можно объявить переменную до обработчика, в обработчике ей назначить значение, а затем использовать где угодно
a = null;
$('#search').on('keyup', function() {
a = this.value;
});
$('button').click(function() {
console.log(a);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>
<input id='search'>
<button>получить значение</button>