@evgen9586
Backend-dev. Лублу Enterprise и не люблю понты)

Как строить график сразу при изменении Range ползунка?

День добрый. Есть Ренж Ползунки

Ползунки
<div class="slidecontainer">
                    <input type="range" min="0" max="100" value="0" class="slider" id="myRange">
                    <p>Цена: <span id="demo"></span></p>
                </div>
                <div class="slidecontainer">
                    <input type="range" min="0" max="100" value="0" class="slider" id="myRange1">
                    <p>Топливо: <span id="demo1"></span></p>
                </div>
                <div class="slidecontainer">
                    <input type="range" min="0" max="100" value="0" class="slider" id="myRange2">
                    <p>Водитель: <span id="demo2"></span></p>
                </div>


И круговая диаграмма, использовал библиотеку ecomfe.github.io

На стадии теста сделал костыль.

$('#myRange').change(function() {
    var price =  $('#myRange').val();
    var fuel =  $('#myRange1').val();
    var man =  $('#myRange2').val();
    ChartMaz(price,fuel, man);

});
$('#myRange1').change(function() {
    var price =  $('#myRange').val();
    var fuel =  $('#myRange1').val();
    var man =  $('#myRange2').val();
    ChartMaz(price,fuel, man);

});
$('#myRange2').change(function() {
    var price =  $('#myRange').val();
    var fuel =  $('#myRange1').val();
    var man =  $('#myRange2').val();
    ChartMaz(price,fuel, man);

});


Всё работает, всё строит, но когда я тяну ползунок, ивент пока не срабатывает,а отпускаю клик срабатывает.

А как сделать так чтобы было так: Я тяну ползунок и не отпуская его тут же строится диаграмма?
  • Вопрос задан
  • 101 просмотр
Решения вопроса 1
Vlad_IT
@Vlad_IT Куратор тега JavaScript
Front-end разработчик
Слушайте событие oninput а не onchange. А лучше оба, т.к. oninput например не поддерживается в IE10 и ниже.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы