网站链接和输入字段在iPad中不起作用

Site links and input fields do not work in iPad

本文关键字:iPad 不起作用 字段 输入 网站链接      更新时间:2023-09-26

在iPad上查看时,我们网站的链接和按钮不起作用。事实上,即使点击(或触摸)输入字段也不会使字段聚焦或显示iPad键盘。

该网站是用PHP(CodeIgniter框架)构建的,在UI(HTML、CSS、一些Javascript和JQuery)方面没有太多花哨的东西。没有闪光灯。

为什么这个网站不能在iPad上正常运行?

编辑:很抱歉,如果这听起来像是一个宣传帖子,那不是我的本意。该域名包含在帖子中,但它在评论中,供那些愿意访问并尝试的人使用。不过,我仍然有错误——在iPhone和iPad上访问时,页面会显示,但链接和输入字段是不可点击的。

终于找到了。这就是解决方案:

你在元素上定义的不能写的地方:

input,select,textarea{ 
    -webkit-user-select: none; 
}

更改为:

input,select,textarea{
    -webkit-user-select: text;
}

这只能是少数事情之一。

  1. 您已经将代码附加到mousedown事件,并且返回false
  2. 您还有其他一些JavaScript/Markup错误

正如"mu is to short"所建议的那样,验证您的代码,请参阅此处的

删除底部的脚本,一是它什么都不做,二是脚本标记没有字符集属性。修复上面提到的所有错误,如果仍然不起作用,请返回。

您需要确保处理的是本机事件,如"touchstart"、"touchend"answers"touchmove"。如果你处理这些事件,你就不会得到"点击"事件。

http://developer.apple.com/library/IOs/#documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html

只有当您不处理本机事件时,单击才会触发。