拇指/指针上的输入范围滑块移动完全触发事件

Question

我正在使用HTML5输入范围滑块，当用户移动指针/拇指时将在其中调用API。

HTML

<input @change="myFunction($event)"  type="range" min="0" max="10" step="1" v-model="param7"  class="slider-color">

在拇指/指针移动完成后，在所有浏览器@change中触发事件。但是在移动指针时，IE11中会触发同一事件。这就是为什么指针移动时我的API在IE11中频繁调用的原因。

但是我需要与其他浏览器相同，以便仅在指针移动完成后才调用API。还有其他方法可以在vuejs或jquery中做到吗？

我的方法

myFunction:function(e) {
  console.log('changed done');
}

每当我触摸指针时，这就会在IE changed done中输出。

Answer 1

我通过添加2种方法来解决此问题，一种用于普通浏览器，另一种用于IE使用@mouseup

<input @change="myFunction($event)" @mouseup="myFunctionIE($event)" type="range" min="0" max="10" step="1" v-model="param7"  class="slider-color">

现在可以运行

myFunction:function(e) {
  if(IE){
    return false;
  }
}

对于IE

myFunctionIE:function(e) {
  if(!IE){
    return false;
  }
}

所以我输入了相同的代码，但具有不同的名称功能及其按要求工作