我的网络应用程序在计算机上运行良好,但似乎无法在手机上运行,主要是因为 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 上尝试过了...都不起作用
最佳答案
您不需要依赖 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)" />
关于javascript - touchend相当于js中的onmouseup吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56878207/