Android键盘未打开绑定到touchstart的输入标签

Question

标记：

<section id="loginform">
  <input type="text" id="username" placeholder="Username"/>
  <input type="password" id="password" placeholder="Password"/>
  <input type="submit" value="login" id="login"/>
</section>

JavaScript：

$('#loginform #username').bind('touchstart', function(e) {
   $(this).focus()
})
$('#loginform #password').bind('touchstart', function() {
   $(this).focus()
})

在 Android (4.0) 上打开此站点并单击用户名或密码的输入字段，没有弹出键盘...如果我执行如下代码：

$('#loginform #username').bind('touchstart', function(e) {
    alert("android why u no keyboard show!?")
    $(this).focus()
})

然后键盘会弹出...警报e.isDefaultPrevented()返回false

你知道什么是错的吗？

谢谢

Answer 1

试试这个：您可以将此代码放在document.ready 或其他地方

$('#username').bind('touchstart', function(e) {
   $(this).focus()
})
$('#password').bind('touchstart', function() {
   $(this).focus()
})

其中可能有一些事件正在冒泡。