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

285

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 и событие не возникает. Когда мы бросили слайдер (вышли из текстового инпута) мы говорим, что изменения закончены и можно поднимать событие. Все логично.