touchend电话相当于js中的onmouseup吗？

Question

我的Web应用程序可以在计算机上正常运行，但似乎无法使其在手机上正常工作，主要是因为未激活onmouseup。因此，我添加了touchend事件，认为它是相同的，但没有帮助。如何在电话上获得onmouseup的相同行为？

基本上，我有一个范围滑块，我希望它的释放滑块部分可以在手机上使用

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

我已经在移动浏览器和chrome上尝试过...都行不通

Answer 1

您无需依靠mouseup或touchend。输入元素提供了另一个方便的事件： onchange 。

输入值更改后立即触发该输入-因为用户释放了滑块。

这是一个例子：

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

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

Answer 2

我很愚蠢...应该是碰触的

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

js哈哈还是新手