<button>事件不

Question

jQuery的。点击事件不会被解雇而键盘打开...

虽然它不是一个大问题，但它挫败我的客户，最终用户需要点击两次按钮对于单个事件...您必须先关闭键盘才能触发事件。

我也试过相同的标签标签 - 但没有运气也是如此。

我正在使用引导框架，并将按钮放置在模式对话框中。

我一直在寻找，很久没有找到任何运气。所以我非常感谢你的帮助和支持。

UPDATE

下面是模式的内容：

<div class="input-group input-sm"> 
<span class="input-group-addon"><i class="fa fa-user"></i></span> 
<input class="form-control" name = "userid" type="text" id="userid" placeholder="Username" /> 
</div> 
<div class="input-group"> 
<span class="input-group-addon"><i class="fa fa-lock"></i></span> 
<input class="form-control" name = "password" type="password" id="password" placeholder="Password" /> 
<input type="hidden" name="submitted" value="TRUE" /> 
</div> 
<div class = 'row' id = "options"> 
<input type = "hidden" id = "pkey"/> 
<input type=button id = 'sign-in' class = 'btn btn-primary col-xs-12 col-sm-5' style = "height:85px;" value = "Sign In" /> 
<input type=button id = 'sign-out' class = 'btn btn-danger col-xs-12 col-sm-5 pull-right' style = "height:85px;" value = "Sign Out" /> 
</div> 

这里是jQuery的：

$("#staff").click(function() { 
checksession(); 
//hasstaffaccess(); 
$("#modal-title").html("Staff Login"); 
$("#modal-body").load("staff.php", function() { 
    openmodal(); 
    $("#sign-in").click(function() { 
     //alert($("#userid").val() + $("#password").val()); 
     $.get("ajax/verifystaff.php?username=" + $("#userid").val() + "&password=" + $("#password").val() + "&inout=in", { 
      username: $("#userid").val(), 
      password: $("#password").val(), 
      inout: "in" 
     }, function (data) { 
      //invalidlogon   

      for (var key in data) { 
       //alert(key); 
       if (key == "invalidusername" || key == "invalidpassword" || key == "invalidlogon") { 
        alert("Inavild Username/Password"); 
       } 
       if (key == "error") { 
        alert(data.error); 
       } 
       if (key == "successful_logon") { 
        if (data.successful_logon != "") { 
         updateinstructions(data.successful_logon); 
         closemodal() 
        } 
       } 
      } 
     }, "json"); 
    }) 
    $("#sign-out").click(function() { 
     //alert($("#userid").val() + $("#password").val()); 
     $.get("ajax/verifystaff.php?username=" + $("#userid").val() + "&password=" + $("#password").val() + "&inout=out", { 
      username: $("#userid").val(), 
      password: $("#password").val(), 
      inout: "out" 
     }, function (data) { 
      //invalidlogon   

      for (var key in data) { 
       //alert(key); 
       if (key == "invalidusername" || key == "invalidpassword" || key == "invalidlogon") { 
        alert("Inavild Username/Password"); 
       } 
       if (key == "error") { 
        alert(data.error); 
       } 
       if (key == "successful_logon") { 
        if (data.successful_logon != "") { 
         updateinstructions(data.successful_logon); 
         closemodal(); 
        } 
       } 
      } 
     }, "json"); 
    }) 


}) 
}) 

对不起我的编码可能不是最直接的.. ...：S

Answer 1

您必须绑定到touchstart事件。

参考：
https://developer.mozilla.org/en-US/docs/Web/Reference/Events/touchstart