событие change для input type=range

229
18 января 2018, 20:00

Событие change для input type=text срабатывает после потери фокуса, а для type=range оно срабатывает сразу при изменении, как отловить момент, когда человек заканчивает двигать слайдер? mouseover кажется не подойдет, ибо работа с сайтом будет проходить с планшета, или Я не прав?

Answer 1

Описанной Вами проблемы не наблюдаю.

jQuery(document).ready(function($) { 
  $('input').change(function() { 
    console.log('Change: ' + $(this).val()) 
  }); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input type="range" />

Пока мы двигаем слайдер (вводим текст) мы модифицируем значение input и событие не возникает. Когда мы бросили слайдер (вышли из текстового инпута) мы говорим, что изменения закончены и можно поднимать событие. Все логично.

READ ALSO
Ajax выполнить функцию по ENTERу

Ajax выполнить функцию по ENTERу

Здравствуйте, есть небольшой чат-бот, все работет супер, но сообщение отправляются только при клике по кнопке, а на клавишу ентер реакции...

266
Как перфекционировать скрипт?

Как перфекционировать скрипт?

Eсть такая структура страницы

239
Не читает html-tag

Не читает html-tag

Есть на сайте построенного на Wordpress галерея NextGen и к ней подключено Fancybox версии 21

271
мультиязычный хелп

мультиязычный хелп

Есть файл html, который и есть Read MeЕсть необходимость, чтобы пользователь имел возможность переключаться на другие языки

240