iphone - iOS 6 放大镜点击解决方法

Question

我正在使用 jQueryUI 将一些项目从一个列表拖动到另一个列表。对于移动设备，特别是触摸驱动设备，用户必须按下并等待列表项才能开始拖动 - 这是必需的，因为它不会禁用滚动功能。

现在，在 iOS 6.0 中，如果用户持续按下同一个列表项，则会出现放大镜，这会增加拖动任务的难度。

有人知道(也许)CSS 或 jQuery 解决方案吗？

提前致谢。

Answer 1

选择时会出现放大镜。

因此，将常用的跨浏览器用户选择添加到您的列表项中:

-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

为了更好地衡量，添加touch-callout

-webkit-touch-callout: none;

这是一个演示:http://jsfiddle.net/MadLittleMods/3tzkc/