所以我一直在为工作开发一个 HTML5 iPad 应用程序，但遇到了一个问题。第一次开发这个应用程序时，我无法访问 iPad，而是依靠桌面 Safari 快速整合我的应用程序(无论如何，可能不是最好的东西......)
我不得不依赖于部分界面的输入范围。在看到 HTML5 有范围输入后，我很高兴，因为这正是我所需要的。我什至设法将它的样式完全按照设计的方式进行设计:
这太棒了! ...直到我实际在 iPad 上尝试过它，但它不起作用。仅显示文本输入。我现在想知道该怎么做......我确实需要一个 slider ，当拖动它时，它会吐出数据。显然需要触摸工作。在网上四处寻找之后，似乎没有可靠的解决方案。
你们在这里有什么建议？编写一个工作的触摸友好 slider 的正确方法是什么，就像它不支持的 native HTML5 一样!？
任何想法/想法/知识/经验将不胜感激! 詹姆斯
最佳答案
我测试了所有提议的“解决方案”，发现它们都缺乏。
所有这些都过于臃肿，有些会更改您现有的标记或强制使用不必要的 CSS 样式。
所以我用 2kb 的 JavaScript(缩小)制作了我自己的解决方案。
试试(在您的移动设备上): https://range-touch.herokuapp.com
代码: https://github.com/dwyl/range-touch (简洁且评论)
要在您自己的元素中使用此功能，您需要做的就是在您的页面/模板中包含
range-touch.min.js 文件。
神奇地 <input type="range">适用于所有移动设备。
您可以随意设置 slider 和按钮的样式。
我在可选/style.css
注意:此解决方案假设您有JQuery 或Zepto.js
关于html - 为 Mobile Safari (webkit) 重新创建 HTML5 范围输入？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5484540/