2014-02-06 53 views
1

我有一個模式對話框,下面,單擊保存按鈕時讀取輸入字段。這工作正常。但是我也想在輸入字段中輸入Enter時觸發保存按鈕功能。有沒有簡單的方法來做到這一點?獲取模態對話框回覆輸入

感謝

dialog1$ = $('<div></div>').appendTo('body') 
      .html("<div><h6>Save as . . .</h6><input id='user-input' type='text'></div>"); 
    $('#user-input').val(g.last_save_name); 
    dialog1$.dialog({ 
         modal: true, title: 'Save Websheet', zIndex: 10000, autoOpen: true, 
         width: 'auto', resizable: false, 
         buttons: { 
          Save: function() { 
       savePage($("#user-input").val()); 
           $(this).dialog("close"); 
          } 
         }, 
        }); 

回答

0

你可以在按鍵事件簡單地綁定到div /元素包含您的對話框。這應該工作。

$(dialog1$).keypress(function(e) { 
    if (e.keyCode == $.ui.keyCode.ENTER) { 
      savePage($("#user-input").val()); 
    } 
}); 
+0

不知道把這段代碼放在哪裏。除了執行savePage()之外,我還想關閉對話框,但_this_只在dialog()調用中有效。 – Steve

+0

試着把它放在你的document.ready事件中。 –