javascript - <input> 有焦点，但无法在 WebKit 中输入

Question

我遇到了一个小问题，过去两个小时一直在调试它。在确定一个新鲜的大脑可能会有所帮助之后，我决定在这里发帖。

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

请查看以下页面:http://ben-major.co.uk/labs/phonee/#overlays .如果您点击 Prompt(在 Chrome 或 Mobile Safari 中)，您会看到一个提示框。这是障碍:

该字段具有焦点(请参阅白色背景，而不是未聚焦字段的 #eee 颜色)，但是当尝试在该字段中键入任何内容时，尽管该字段具有焦点，但什么也没有发生.我在我的 MBP (Chrome)、iMac (Chrome)、iPad + iPhone 上试过，都遇到了同样的问题。

有没有人遇到过类似的问题，因为我真的不明白为什么这不起作用。没有针对 keyup 或类似事件的事件预防...

Answer 1

-webkit-user-select: none;

删除该样式，它就可以工作了。您可以在您使用的 reset.css 文件中更改它。这也适用于 -webkit-user-select: auto;。