<input>具有焦点,但无法键入WebKit

Ben*_*enM 9 javascript mobile jquery

我遇到了一个小问题,过去两个小时一直在调试它.在决定一个新的大脑可能能够提供帮助之后,我决定在这里发帖.

我知道我应该在这里发布一些代码用于遗留目的,但问题涉及大量代码,因此提供链接更容易.

请查看以下页面:http://ben-major.co.uk/labs/phonee/#overlays.如果您点按Prompt(在Chrome或移动版Safari中),系统会显示一个提示框.这是障碍:

该场具有焦点(参见白色背景,而不是#eee未聚焦场的颜色),但是当尝试在场中输入任何内容时,尽管场具有焦点,但没有任何反应.我试过我的MBP(Chrome),iMac(Chrome),iPad + iPhone,但都有同样的问题.

有没有人遇到类似的问题,因为我真的无法弄清楚为什么这不起作用.关键字或类似事件没有事件预防......

Joe*_*son 28

-webkit-user-select: none;
Run Code Online (Sandbox Code Playgroud)

删除该样式,它的工作原理.您可以在正在使用的reset.css文件中更改它.这-webkit-user-select: auto;也有效.

  • 谢谢你的帮助!我在`-webkit-user-select:auto`中添加了`input`选择器,一切都很棒.再次感谢.顺便说一下,1ms超时用于强制动画发生.删除它可以防止显示转换变换. (2认同)

Und*_*ned 6

在reset.css的第46行,你有-webkit-user-select: none;这个不允许用户在webkit浏览器上选择文本框!