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

时间:2018-07-31 13:27:46

标签: javascript ios html5 reactjs mobile-safari

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

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

通过使用onTouchStart / onTouchEnd拖动来更改拇指位置,效果很好。

有人可以帮助我解决这个问题吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

似乎可以在this SO post中发布解决方案。

  

只有iPhone,我有完全相同的问题。

     

这是因为Mobile Safari仅支持HTML5的子集。我是   使用JqTouch导致各种问题,因此请避免   这个框架。

     

看看jquery mobile。它目前是Alpha 3,但有一个滑块   控制在iOS上可以使用的功能。

     

希望这对您有所帮助。

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