javascript - touchend相当于js中的onmouseup吗？

Question

我的网络应用程序在计算机上运行良好，但似乎无法在手机上运行，​​主要是因为 onmouseup 没有被触发。所以我添加了 touchend 事件，认为它会是相同的，但它没有帮助。如何在手机上获得与 onmouseup 相同的行为？

基本上，我有一个范围 slider ，我希望它的释放 slider 部分能够在手机上使用

  <input id="slider" class="slider" type="range" min="0" max="100" value=50 onmouseup="handleSubmit()" touchend="handleSubmit()"/>

我已经在 mobile safari 和 chrome 上尝试过了...都不起作用

Answer 1

您不需要依赖 mouseup 或 touchend。 input 元素提供了另一个派上用场的事件:onchange。

一旦输入值发生变化，此输入就会触发 - 因为用户释放了 slider 。

这是一个例子:

function handleSubmit(e) {
  console.log(e.value)
}

<input id="slider" class="slider" type="range" min="0" max="100" value=50 onchange="handleSubmit(this)" />