<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