移动设备上的范围输入滑块

Question

我正在为自定义音频播放器使用默认的 html5 输入范围对象。 一切正常，当我需要它们和其他东西时，所有事件都会被触发，除了我在 iOS 11.4 的移动 Safari 上遇到烦人的问题：

当我点击搜索栏/滑块时，“拇指”不会跳到点击位置。我注意到我在设备上测试的任何输入滑块对象都是这种情况。

但是，通过使用 onTouchStart/onTouchEnd 拖动来更改拇指位置可以正常工作。

谁能帮我解决这个问题？

谢谢！

Answer 1

看起来可以在this SO post 中发布解决方案。

我也有同样的问题，只是在 iPhone 上。

这是因为 Mobile Safari 仅支持 HTML5 的子集。我是 使用 JqTouch 这给我带来了各种各样的问题，所以请避免 这个框架。

看看jquery mobile。它目前是 Alpha 3，但有一个滑块 控制哪些适用于 iOS。

希望对您有所帮助。

另一个答案建议使用 range-touch 库，但假设您有 JQuery。