Ползунок диапазона пропускает значения при использовании в гневе - PullRequest
Новая
       27

Ползунок диапазона пропускает значения при использовании в гневе

0 голосов
/ 22 ноября 2018

У меня проблема со стандартным ползунком диапазона html5 при вызове события ввода в Javascript.При использовании ползунка в гневе, кажется, пропустить значения.Поскольку я использую это в качестве функции масштабирования наряду с cropper.j, это доставляет мне большую головную боль, поскольку я не соблюдаю значения и не перехожу через шаги процесса слайда.

Я много читал в Интернете и, похоже, не могунайти решение для этого.Это ошибка браузера или есть атрибут, который мне не хватает? 

<input type="range" min="0" max="100" value="0" step="10" class="crop__controls--slider" id="crop__controls--slider" />

... и Javascript для этого; 

var event = (isIE()) ? 'change' : 'input'; //ie11 does not support input event
  slider.off(event).on(event, function(e) {
    var sliderValue = parseInt($(this).val(), 10);
    var type;
    if (sliderValue > currentZoomSetting) {
      type = 'in';
    } else {
      type = 'out';
    }
    zoom(type);
    currentZoomSetting = sliderValue;
  });

Помощь по этому вопросу будет высоко ценится.

См. Ниже скрипку, которая при чрезмерном использовании показывает, что значения пропускаются с использованием события ввода. 

var slider = document.getElementById('slider');
slider.addEventListener('input', sliderChange);

function sliderChange() {
  console.log(this.value);
}
 <input id="slider" type="range" min="0" max="100" value="0" step="10" />
...