ползунок диапазона ввода на большом пальце

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;
  }
}

Итак, я поставил тот же код, но с другой функцией имени, и он работает как требуется