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;