用JavaScript模拟鼠标滑动

Question

20

我正在尝试制作一款图像轮播器，它可以在移动设备上使用滑动进行导航。我还试图使相同的轮播器在PC浏览器上工作，但可以使用鼠标拖动来模拟滑动。

有好的想法吗？

- gabitzish

5个回答

8

你需要处理onmousedown, onmousemove, 和onmouseup事件，记录鼠标位置并相应地操作图片旋转器。

- gilly3

4

我相信您正在寻找这个答案：单独使用jQuery的"touch"方法？被接受的答案中有代码实现左右滑动支持，而下面的另一个答案则提供了一个链接到类似任务的插件：http://www.netcu.de/jquery-touchwipe-iphone-ipad-library（该插件允许检测四个方向的滑动）。

- Jasper

2

当你使用 Hammer.js 时，你也会得到对触摸/鼠标和指针事件的支持。这适用于像 Chromebook Pixel 和 Windows8 这样的触摸屏笔记本电脑。目前大多数库还不支持这些事件。

- Jorik

2

我最终选择了iDangerous iSwiper，它满足了我的所有需求，并且（在我看来）非常优秀。

- FreePender

你的链接已经失效了。 - Netsi1964

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- FreePender · Accepted Answer

我已经研究了大部分这些内容... 我建议你看看

从我所见的很少的东西来看，它支持桌面和移动端滑动，并且我对演示印象深刻。