Question

在Javascript中调用输入事件时，标准html5范围滑块出现问题。在愤怒中使用滑块时，似乎会跳过值。因为我将它与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" />

在愤怒中使用时，范围滑块似乎会“跳过”值

0 个答案: