Как совместить click и change одного блока?

Question

[Сергей Миронов]

Есть input поле, куда пользователь вбивает свой город. Дальше скрипт ищет совпадения, предлагает все найденные города и при клике на один из городов, вставляет этот город в input.

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

Последовательность скрипта у меня такая:

$(document).on('input', '#input', function () {});
$(document).on('click', ' .block', function () {});
$(document).on('change', '#input', function () {});

Теперь когда пользователь видит список городов и кликает на один из них, событие on click не срабатывает, срабатывает change. Мне нужно как-то остановить выполнение change, если пользователь кликает по городу.

Comments

[Николай Чуприк]

1. И как мы должны понять из этого куска кода хоть что-то?

2. В какой БД вы ищите город? Это асинхронный запрос на сервер? Или как?

[Сергей Миронов]

1) Здесь код особо и не нужен. Объясню проще:

а) Есть <inpuе type='text' id="input"> на который привязан change. $(document).on('change', '#input', function () {}); Соответственно, при клике за пределы инпута этот change срабатывает.

б) Есть блок <div class="block">Список городов</div> на который привязан click. $(document).on('click', ' .block', function () {});

Проблема в том, что когда я печатаю город в инпуте и кликаю по блоку б) код не воспринимает этот клик, а воспринимает его как change а)

2) БД тут вообще не важна

[Константин Величко]

Попробуйте использовать 'input' вместо 'change'. А вообще рабочий пример помог бы быстрее разобратся