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

Question

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

现在，在 iOS 6.0 中，如果用户一直按下相同的列表项，则会出现放大镜，这会使拖动任务变得困难。

任何人都知道（也许）CSS 或 jQuery 解决方案？

提前致谢。

Answer 1

选择时会出现放大镜。

因此，将通常的跨浏览器添加user-select到您的列表项中：

-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/