【发布时间】：2013-08-19 21:38:05
【问题描述】：
在我的移动网站上，我在网站的关键阶段有一个Yes 或No 单选按钮问题。
我收到一个奇怪的报告说，有时这些单选按钮很难在 iPhone 等支持触控的设备上选择。
有趣的是，我亲眼目睹了用户在单选按钮周围刺穿而最终它突出显示为被选中。然后我自己拿起听筒，立刻就能高亮显示它。
触摸技术有问题吗？ （如果有这样的事情）。我读过一些 iPhone 在触摸屏灵敏度方面存在问题，但是如果我能够突出显示它，那么这是否排除了手机的问题。
我想要的是单选按钮本身和标签周围的区域，这样如果用户触摸其中任何一个，单选按钮就会被选中。这可能吗？
这是我当前的标记：
<input type="radio" name="del_standard_use_b_as_s" id="del_standard_use_b_as_s_yes" value="yes">
<label for="del_standard_use_b_as_s_yes" class="use_existing">Yes</label>
这是单选按钮在移动设备上显示方式的屏幕截图。
【问题讨论】：
-
你在使用像 Fastclick 这样的库吗？
-
@Pointy 不，这值得调查吗？有开销吗？如您所见，单选按钮具有图像背景。
-
嗯，Fastclick 所做的是加速触摸事件的“点击”。浏览器将触摸事件转换为点击，但它们真的很慢。如果您知道您的网站不关心花哨的触摸手势，而您只想要点击，那么 Fastclick 可以帮助您。但是，它非常复杂，有时会引入您所描述的问题。但是有一些方法可以调整它。如果您不使用该库，那么重点是没有意义的:-)
标签： javascript iphone css mobile user-experience