如何实现兼容PC和移动端的拖动滑块功能，并优化用户体验？

本文共计510个文字，预计阅读时间需要3分钟。

原文：本文字例讲述了原生js实现兼容PC和移动端的滑动块功能。分享给广大大众供大家参考，具体如下：

废话少说：在PC端可以使用mousedown来触发一个滑动块滑动的效果，但在手机上，似乎无法实现这种效果。

本文实例讲述了原生js实现可兼容PC和移动端的拖动滑块功能。分享给大家供大家参考，具体如下：

废话少说：

在PC端可以用mousedown来触发一个滑块滑动的效果，但在手机上，貌似无法识别这个事件，但手机上有touchstart事件，可以通过一系列“touch”事件来替代PC端的“mouse”事件。

移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成。但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。