jQueryUI Enterキーを押したときにデフォルトボタンになるフォーム上のボタン

Question

フォーム上にjQueryUIボタンがあります（モーダルダイアログではありません）。私は、ユーザーがEnterキーを押すと解雇されることを望みます。これどうやってするの？ここに私のコードは次のとおりです。

HTML：

<a href="javascript:void(0);" id="loginButtonInner">Login</a> 

JS：

現在

$(document).ready(function() 
{ 
    $("#loginButtonInner").button(getButtonOptions("ui-icon-unlocked", true)); 
    $("#loginButtonInner").button("option", "disabled", true); 
    $("#loginButtonInner").unbind("click"); 
} 

.... 

if (userNameValid && passwordValid) 
    {  
     $("#loginButtonInner").button("option", "disabled", false); 
     $("#loginButtonInner").unbind("click").bind("click", function() { authenticateUser(); return false; }); 
    } 
    else 
    {  
     $("#loginButtonInner").button("option", "disabled", true); 
     $("#loginButtonInner").unbind("click"); 
    } 

、私はキーボードを介して、ボタンを達するか、マウスでクリックするタブにあります。

私は解決策をオンラインで検索しましたが、すべてモーダルダイアログフォームボタンをポイントしています。

ありがとうございます！

Answer 1

は、あなたのボタンからクリックをトリガし、フォーム要素にキーリスナーを追加し、Enterキーを監視：

$(yourform).find('*').keypress(function(e) { 
    if (e.which == 13) { // 13 is the code for Enter key 
     e.preventDefault(); 
     $(yourbutton).click(); 
    } 
}); 

Answer 2

jQuery.focus()機能を使用できるはずです。たとえば ：

$("#loginButtonInner").focus(); 

がloginButtonInnerのIDを持つ要素がフォーカスを受け取ることになります。 Enterキーを押すと、その要素がボタンの場合は押されます。

アップデート：jQueryUIボタンで試してみましたが、正常に動作します。