联系表单提交,必须点击两次

时间:2015-09-01 作者:connersz

我在移动设备上使用不同的联系方式时遇到了问题(我尝试了一些)。问题是您必须单击“提交”两次。

第一次单击文本时,灰色显示有点像占位符文本,但仍然可以键入。在再次单击之前,它不会执行其他操作。

到目前为止,我只在Firefox mobile上进行了测试。

1 个回复
SO网友:tillinberlin

对我来说,这听起来像是“经典的滚动效果”:如果你用jQuery或JavaScript在任何链接(或“按钮”)上触发视觉效果,触摸设备上的用户可能会被迫点击两次:iPad/iPhone hover problem causes the user to double click a link“”

我建议您尝试用css:悬停效果替换“鼠标悬停”效果,或者仅在用户不是触摸设备上的情况下触发jQuery事件。

第三种方法可以在我上面链接的stackexchange页面上找到:添加一个jquery片段,告诉(iOS)浏览器实际单击了链接。

PS:如果您可以提供代码或命名您使用的任何联系人表单插件,那么无论如何它都会很有用。

相关推荐

Forms cut off when on mobile

信用卡处理器生成的表单通过javascript加载。正常加载时,可以看到模板工作良好here, 但是移动用户看到下面的内容,无法滚动。据说表单有一个移动版本,但显然无法加载?使用以下方法将表单加载到页面上:<div id=\"bbox-root\"></div> <script type=\"text/javascript\"> window.bboxInit = function () { bbox.show