Есть два input type range/ При передвигание одного ползунка, срабатывает второй тоесть повторяет такие же движение. К примеру первый ползунок идет в слева на право, второй делает то же самое. Спасибо заранее
Событие input
в помощь
var range1 = document.getElementById('range1');
var range2 = document.getElementById('range2');
range1.addEventListener('input', function (e) {
range2.value = e.target.value;
});
range2.addEventListener('input', function (e) {
range1.value = e.target.value;
});
<input type="range" id="range1">
<input type="range" id="range2">
Можно использовать jQuery
<input type="range" id="range-1">
<input type="range" id="range-2">
<script>
// Подписываемся на событие изменения первого инпута
$('#range-1').change(function() {
// При срабатывании, записываем значение первого во второй
$('#range-2').val($(this).val());
})
</script>
Возможно второй ползунок изменится только после того как движение первого будет окончено, тогда нужно будет реализовывать через mousemove
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Делаю свой кастомный autocomplete на React, он получает входные данные типа:
Может кто сталкивался с такимКак вывести виджет weibo на страницу? У них изменился порядок подключения виджета в 2017 году
Это старый код, но почему именно такая ошибка мне не понятноМожет кто то сталкивался с таким?