javascript - 图像比较滑块在移动设备上无法正常工作
问题描述
我正在从头开始构建一个网站,我正在使用 W3 中的以下代码来实现图像比较滑块:https ://www.w3schools.com/howto/howto_js_image_comparison.asp
我在我的网站上成功实现了它,它在桌面浏览器上运行良好。但不幸的是,它在某些移动设备上效果不佳。
如果您在 samsung tab 3 或任何其他三星设备(甚至其他品牌)上尝试它,一旦您“触摸”滑块,它就不会移动,除非您在不同位置再次“触摸”,滑块会移动到那个位置。它更像是点击这里和那里而不是滑块。
我尝试使用 javascript 进行调试(这里不是专家),但我并没有真正找到结论性的东西。我看到“鼠标”和“触摸”事件都得到了管理......
您可以通过转到上面的链接直接测试它并转到开发人员工具/作为 Galaxy Tab 3
解决方案
推荐阅读
- python - 在字典中查找值,而不是键
- python - 如何对 .iterrows() 值进行排序?
- javascript - 第一人称 WASD 控制
- kubernetes - GKE ReadOnlyMany - 如何填充内容
- python - Python 记录器格式损坏:I0716 而不是 INFO
- c# - 如何在 .NetCore 中将 kinesisEvent 失败从 Lambda 发送到 SQS
- java - ClassNotFoundException:org.springframework.boot.autoconfigure.security.oauth2.resource.OAuth2ResourceServerConfiguration
- c# - 为什么 OrderBy 不对数据进行排序?
- angular - 一旦通过 Angular 中的服务检索到 UserDataSource,如何修改它?
- python - 用 Python 块打开 VS