blocks|key|1557080|text|如果您知道按钮元素选择器：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1557081|$('#dialogBox').dialog('open');
$('#okButton').focus();|code-block|syntax|javascript|1557082|应该能帮你解决这个问题。这将聚焦于确定按钮，并输入将‘点击’它，正如你所期望的。这与本机UI对话框中使用的技术相同。|1557083|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

if you know the button element selector :

<pre><code>$('#dialogBox').dialog('open');
$('#okButton').focus();
</code></pre>

Should do the trick for you. This will focus the ok button, and enter will 'click' it, as you would expect. This is the same technique used in native UI dialogs.

blocks|key|1341581|text|一种粗略但有效的方法使其更具一般性：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1341582|$.fn.dlg+=+function(options)+{
++++return+this.each(function()+{
+++++++++++++$(this).dialog(options);
+++++++++++++$(this).keyup(function(e){
++++++++++++++++++if+(e.keyCode+==+13)+{++++++++++++++++
+++++++++++++++++++++++$('.ui-dialog').find('button:first').trigger('click');
++++++++++++++++++}
+++++++++++++});
++++});
}|code-block|syntax|javascript|1341583|然后，当您创建一个新对话框时，您可以这样做：|1341584|$('#a-dialog').mydlg({...options...})|1341585|然后像普通的jquery对话框一样使用它：|1341586|$('#a-dialog').dialog('close')|1341587|有一些方法可以改进这一点，使其在更特殊的情况下工作。使用上面的代码，它将自动选择对话框中的第一个按钮作为按下enter时要触发的按钮。此外，它还假设在任何给定时间只有一个活动对话框，但情况可能并非如此。但你明白我的意思。|1341588|注意:如上所述，按enter时所按的按钮取决于您的设置。因此，在某些情况下，您可能希望在.find方法中使用:first选择器，而在其他情况下，您可能希望使用:last选择器。|1341589|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|Y|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|10|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|11|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

A crude but effective way to make this work more generically:

<pre><code>$.fn.dlg = function(options) {
 return this.each(function() {
 $(this).dialog(options);
 $(this).keyup(function(e){
 if (e.keyCode == 13) { 
 $('.ui-dialog').find('button:first').trigger('click');
 }
 });
 });
}
</code></pre>

Then when you create a new dialog you can do this:

<pre><code>$('#a-dialog').mydlg({...options...})
</code></pre>

And use it like a normal jquery dialog thereafter:

<pre><code>$('#a-dialog').dialog('close')
</code></pre>

There are ways to improve that to make it work in more special cases. With the above code it will automatically pick the first button in the dialog as the button to trigger when enter is hit. Also it assumes that there is only one active dialog at any given time which may not be the case. But you get the idea.

Note: As mentioned above, the button that is pressed on enter is dependent on your setup. So, in some cases you would want to use the :first selector in .find method and in others you may want to use the :last selector.

blocks|key|1557175|text|$('#dialogBox').dialog('open');
$('.ui-dialog-buttonpane+>+button:last').focus();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1557176|它与最新版本的JQuery+UI+(1.8.1)配合使用非常出色。您还可以使用:first而不是:last，这取决于要将哪个按钮设置为默认按钮。|unstyled|1557177|与上面选择的解决方案相比，此解决方案的优点是显示哪个按钮是用户的默认按钮。用户还可以在按钮之间使用Tab键，按ENTER键将单击当前焦点所在的按钮。|1557178|干杯。|1557179|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$]]|$1|G|3|H|5|F|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|F|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|F|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<pre><code>$('#dialogBox').dialog('open');
$('.ui-dialog-buttonpane &gt; button:last').focus();
</code></pre>

It works beautifully with the latest version of JQuery UI (1.8.1).
You may also use :first instead of :last depending on which button you want to set as the default.

This solution, compared to the selected one above, has the advantage of showing which button is the default one for the user. The user can also TAB between buttons and pressing ENTER will click the button currently under focus.

Cheers.

blocks|key|1557199|text|done和done|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1557200|++$('#login+input').keyup(function(e)+{
++++++if+(e.keyCode+==+13)+{
++++++++++$('#login+form').submit();
++++++}
+++}|code-block|syntax|javascript|1557201|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

done and done 

<pre><code> $('#login input').keyup(function(e) {
 if (e.keyCode == 13) {
 $('#login form').submit();
 }
 }
</code></pre>

blocks|key|1341701|text|我是这样做的..。;)希望这对某人有帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1341702|$(window).keypress(function(e)+{
++++if+((e.which+&&+e.which+==+13)+%7C%7C+(e.keyCode+&&+e.keyCode+==+13))+{
++++++++$(".ui-dialog:visible").find('.ui-dialog-buttonpane').find('button:first').click();
++++++++return+false;
++++}
});|code-block|syntax|javascript|1341703|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I did such way... ;) Hope it will helpful for somebody..

<pre><code>$(window).keypress(function(e) {
 if ((e.which &amp;&amp; e.which == 13) || (e.keyCode &amp;&amp; e.keyCode == 13)) {
 $(".ui-dialog:visible").find('.ui-dialog-buttonpane').find('button:first').click();
 return false;
 }
});
</code></pre>

blocks|key|1341705|text|+++$("#LogOn").dialog({
+++++++modal:+true,
+++++++autoOpen:+false,
+++++++title:+'Please+Log+On',
+++++++width:+370,
+++++++height:+260,
+++++++buttons:+{+"Log+On":+function+()+{+alert('Hello+world');+}+},
+++++++open:+function()+{+$(this).parents('.ui-dialog-buttonpane+button:eq(0)').focus();}
+++});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1341706|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code> $("#LogOn").dialog({
 modal: true,
 autoOpen: false,
 title: 'Please Log On',
 width: 370,
 height: 260,
 buttons: { "Log On": function () { alert('Hello world'); } },
 open: function() { $(this).parents('.ui-dialog-buttonpane button:eq(0)').focus();}
 });
</code></pre>

blocks|key|1341745|text|这应该可以触发按钮的click处理程序的点击。此示例假设您已在对话框中设置表单以使用jquery.validate插件。但可以很容易地适应。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1341746|open:+function(e,ui)+{
++++$(this).keyup(function(e)+{
++++++++if+(e.keyCode+==+13)+{
+++++++++++$('.ui-dialog-buttonpane+button:last').trigger('click');
++++++++}
++++});
},
buttons:+{
++++"Submit+Form"+:+function()+{
++++++++++++var+isValid+=+$('#yourFormsID').valid();
++++++++++++//+if+valid+do+ajax+call
++++++++++++if(isValid){
+++++++++++++++//do++your+ajax+call+here.+with+serialize+form+or+something...

++++++++++++}
}|code-block|syntax|javascript|1341747|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This should work to trigger the click of the button's click handler. this example assumes you have already set up the form in the dialog to use the jquery.validate plugin. but could be easily adapted. 

<pre><code>open: function(e,ui) {
 $(this).keyup(function(e) {
 if (e.keyCode == 13) {
 $('.ui-dialog-buttonpane button:last').trigger('click');
 }
 });
},
buttons: {
 "Submit Form" : function() {
 var isValid = $('#yourFormsID').valid();
 // if valid do ajax call
 if(isValid){
 //do your ajax call here. with serialize form or something...

 }
}
</code></pre>

blocks|key|1341765|text|我为这个问题找到了一个非常简单的解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1341766|var+d+=+$('<div+title="My+dialog+form"><input+/></div>').dialog(
++++buttons:+[{
++++++++text:+"Ok",
++++++++click:+function(){
++++++++++++//+do+something
++++++++++++alert('it+works');
++++++++},
++++++++className:+'dialog_default_button'
++++}]
});

$(d).find('input').keypress(function(e){
++++if+((e.which+&&+e.which+==+13)+%7C%7C+(e.keyCode+&&+e.keyCode+==+13))+{
++++++++e.preventDefault();
++++++++$('.dialog_default_button').click();
++++}
});|code-block|syntax|javascript|1341767|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I found a quite simple solution for this problem:

<pre><code>var d = $('&lt;div title="My dialog form"&gt;&lt;input /&gt;&lt;/div&gt;').dialog(
 buttons: [{
 text: "Ok",
 click: function(){
 // do something
 alert('it works');
 },
 className: 'dialog_default_button'
 }]
});

$(d).find('input').keypress(function(e){
 if ((e.which &amp;&amp; e.which == 13) || (e.keyCode &amp;&amp; e.keyCode == 13)) {
 e.preventDefault();
 $('.dialog_default_button').click();
 }
});
</code></pre>

blocks|key|1557303|text|您可以绑定到对话框中表单的提交事件，然后执行以下操作，而不是像这个答案中那样监听关键代码(我不能正常工作)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1557304|$("#my_form").parents('.ui-dialog').first().find('.ui-button').first().click();|code-block|syntax|javascript|1557305|所以，整个事情应该是这样的|1557306|$("#my_form").dialog({
++open:+function(){
++++//Clear+out+any+old+bindings
++++$("#my_form").unbind('submit');
++++$("#my_form").submit(function(){
++++++//simulate+click+on+create+button
++++++$("#my_form").parents('.ui-dialog').first().find('.ui-button').first().click();
++++++return+false;
++++});
++},
++buttons:+{
++++'Create':+function()+{
++++++//Do+something
++++},
++++'Cancel':+function()+{
++++++$(this).dialog('close');
++++}
++}
});|1557307|请注意，不同的浏览器对Enter键的处理方式不同，有些浏览器并不总是在enter键上执行提交。|1557308|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Rather than listening for key codes like in this answer (which I couldn't get to work) you can bind to the submit event of the form within the dialog and then do this:

<pre><code>$("#my_form").parents('.ui-dialog').first().find('.ui-button').first().click();
</code></pre>

So, the whole thing would look like this

<pre><code>$("#my_form").dialog({
 open: function(){
 //Clear out any old bindings
 $("#my_form").unbind('submit');
 $("#my_form").submit(function(){
 //simulate click on create button
 $("#my_form").parents('.ui-dialog').first().find('.ui-button').first().click();
 return false;
 });
 },
 buttons: {
 'Create': function() {
 //Do something
 },
 'Cancel': function() {
 $(this).dialog('close');
 }
 }
});
</code></pre>

Note that different browsers handle the enter key differently, and some do not always do a submit on enter.

blocks|key|1341848|text|$('#DialogID').dialog("option",+"buttons")["TheButton"].apply()|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1341849|这对我来说很有效..|unstyled|1341850|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>$('#DialogID').dialog("option", "buttons")["TheButton"].apply()
</code></pre>

This worked great for me..

blocks|key|1341885|text|我意识到已经有很多答案，但我很自然地认为我的解决方案是最简洁的，也可能是最短的。它的优点是，它可以在未来任何时候创建的任何对话框上工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1341886|$(".ui-dialog").live("keyup",+function(e)+{
++++if+(e.keyCode+===+13)+{
++++++++$('.ok-button',+$(this)+).first().click();
++++}
});|code-block|syntax|javascript|1341887|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I realise there are a lot of answers already, but I reckon naturally that my solution is the neatest, and possibly the shortest. It has the advantage that it works on any dialogs created any time in the future.

<pre><code>$(".ui-dialog").live("keyup", function(e) {
 if (e.keyCode === 13) {
 $('.ok-button', $(this) ).first().click();
 }
});
</code></pre>

blocks|key|1341921|text|下面是我所做的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1341922|myForm.dialog({
++"ok":+function(){
++++...blah...
++}
++Cancel:+function(){
++++...blah...
++}
}).keyup(function(e){
++if(+e.keyCode+==+13+){
+++$(this).parent().find('button:nth-child(1)').trigger("click");
++}
});|code-block|syntax|javascript|1341923|在本例中，myForm是一个表单对象，其中包含表单的jQuery+(请注意，其中没有任何“表单”标记...如果你把它们放在屏幕上，当你按下“enter”时，整个屏幕都会刷新)。|1341924|当用户在表单中按下“回车”时，就相当于点击了“确定”按钮。|1341925|这也避免了表单打开时"ok“按钮已经高亮显示的问题。虽然这对于没有字段的表单是很好的，但如果您需要用户填写内容，那么您可能希望突出显示第一个字段。|1341926|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Here is what I did:

<pre><code>myForm.dialog({
 "ok": function(){
 ...blah...
 }
 Cancel: function(){
 ...blah...
 }
}).keyup(function(e){
 if( e.keyCode == 13 ){
 $(this).parent().find('button:nth-child(1)').trigger("click");
 }
});
</code></pre>

In this case, myForm is a jQuery object containing the form's html (note, there aren't any "form" tags in there... if you put those in the whole screen will refresh when you press "enter"). 

Whenever the user presses "enter" from within the form it will be the equivalent of clicking the "ok" button.

This also avoids the issue of having the form open with the "ok" button already highlighted. While that would be good for forms with no fields, if you need the user to fill in stuff, then you probably want the first field to be highlighted.

blocks|key|1557437|text|在IE9中，这些解决方案似乎都不适合我。我最终得到了这个..|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1557438|$('#my-dialog').dialog({
++++...
++++open:+function+()+{
++++++++$(this).parent()
+++++++++++++++.find("button:eq(0)")
+++++++++++++++.focus()
+++++++++++++++.keyup(function+(e)+{
+++++++++++++++++++if+(e.keyCode+==+$.ui.keyCode.ENTER)+{
+++++++++++++++++++++++$(this).trigger("click");
+++++++++++++++++++};
+++++++++++++++});
++++}
});|code-block|syntax|javascript|1557439|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

None of these solutions seemed to work for me in IE9. I ended up with this..

<pre><code>$('#my-dialog').dialog({
 ...
 open: function () {
 $(this).parent()
 .find("button:eq(0)")
 .focus()
 .keyup(function (e) {
 if (e.keyCode == $.ui.keyCode.ENTER) {
 $(this).trigger("click");
 };
 });
 }
});
</code></pre>

blocks|key|1557452|text|我找到了这个解决方案，它可以在IE8，Chrome23.0和Firefox16.0上运行|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1557453|它是基于Robert+Schmidt的评论。|1557454|$("#id_dialog").dialog({
++++buttons:+[{
++++++++text:+"Accept",
++++++++click:+function()+{
++++++++++++//+My+function
++++++++},
++++++++id:+'dialog_accept_button'
++++}]
}).keyup(function(e)+{
++++if+(e.keyCode+==+$.ui.keyCode.ENTER)
++++++++$('#dialog_accept_button').click();
});|code-block|syntax|javascript|1557455|我希望这对任何人都有帮助。|1557456|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

I found this solution, it work's on IE8, Chrome 23.0 and Firefox 16.0

It's based on Robert Schmidt comment.

<pre><code>$("#id_dialog").dialog({
 buttons: [{
 text: "Accept",
 click: function() {
 // My function
 },
 id: 'dialog_accept_button'
 }]
}).keyup(function(e) {
 if (e.keyCode == $.ui.keyCode.ENTER)
 $('#dialog_accept_button').click();
});
</code></pre>

I hope it help anyone.

blocks|key|1557480|text|它工作正常谢谢！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1557481|open:+function+()+{+++++++++++++debugger;+++++++++++++$("#dialogDiv").keypress(function+(e)+{+++++++++++++++++if+(e.keyCode+==+13)+{+++++++++++++++++++++$(this).parent().find("#btnLoginSubmit").trigger("click");+++++++++++++++++}+++++++++++++});+++++++++},|offset|length|style|CODE|1557482|entityMap^0|0|0|74|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

It works fine Thank You!!!

<code>open: function () {
 debugger;
 $("#dialogDiv").keypress(function (e) {
 if (e.keyCode == 13) {
 $(this).parent().find("#btnLoginSubmit").trigger("click");
 }
 });
 },</code>

blocks|key|1557524|text|使用body是因为在body上添加了对话框DIV，所以body现在监听键盘事件。它在IE8,9,10，Mojila，Chrome上进行了测试。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1557525|open:+function()+{
$('body').keypress(function+(e)+{+
+++++if+(e.keyCode+==+13)+{+++
+++++$(this).parent().find(".ui-dialog-buttonpane+button:eq(0)").trigger("click");
+++++return+false;+
+++++}
++});+
}|code-block|syntax|javascript|1557526|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Below body is used because dialog DIV added on body,so body now listen the keyboard event. It tested on IE8,9,10, Mojila, Chrome. 

<pre><code>open: function() {
$('body').keypress(function (e) { 
 if (e.keyCode == 13) { 
 $(this).parent().find(".ui-dialog-buttonpane button:eq(0)").trigger("click");
 return false; 
 }
 }); 
}
</code></pre>

blocks|key|1342068|text|因为我没有足够的名气来发表评论。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1342069|$(document).delegate('.ui-dialog',+'keyup',+function(e)+{
++var+tagName+=+e.target.tagName.toLowerCase();

++tagName+=+(tagName+===+'input'+&&+e.target.type+===+'button')+?+'button'+:+tagName;

++if+(e.which+===+$.ui.keyCode.ENTER+&&+tagName+!==+'textarea'+&&+tagName+!==+'select'+&&+tagName+!==+'button')+{
++++++$(this).find('.ui-dialog-buttonset+button').eq(0).trigger('click');
++++return+false;
++}+else+if+(e.which+===+$.ui.keyCode.ESCAPE)+{
++++++$(this).close();
++}
});|code-block|syntax|javascript|1342070|修改了Basemm+#35的答案，也添加了Escape来关闭对话框。|1342071|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Because I don't have enough reputation to post comments.

<pre><code>$(document).delegate('.ui-dialog', 'keyup', function(e) {
 var tagName = e.target.tagName.toLowerCase();

 tagName = (tagName === 'input' &amp;&amp; e.target.type === 'button') ? 'button' : tagName;

 if (e.which === $.ui.keyCode.ENTER &amp;&amp; tagName !== 'textarea' &amp;&amp; tagName !== 'select' &amp;&amp; tagName !== 'button') {
 $(this).find('.ui-dialog-buttonset button').eq(0).trigger('click');
 return false;
 } else if (e.which === $.ui.keyCode.ESCAPE) {
 $(this).close();
 }
});
</code></pre>

Modified answer by Basemm #35 too add in Escape to close the dialog.

blocks|key|1342093|text|给你的按钮classes，然后用通常的方式选择它们：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1342094|$('#DialogTag').dialog({
++closeOnEscape:+true,
++buttons:+[
++++{
++++++text:+'Cancel',
++++++class:+'myCancelButton',
++++++click:+function()+{
++++++++//+Close+dialog+fct
++++++}
++++},
++++{
++++++text:+'Ok',
++++++class:+'myOKButton',
++++++click:+function()+{
++++++++//+OK+fct
++++++}
++++}
++],
++open:+function()+{

++++$(document).keyup(function(event)+{

++++++if+(event.keyCode+===+13)+{
++++++++$('.myOKButton').click();
++++++}

++++});

++}
});|code-block|syntax|javascript|1342095|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jqueryui.com/dialog/#option-classes^0|5|7|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

Give your buttons <a href="http://api.jqueryui.com/dialog/#option-classes" rel="nofollow noreferrer">classes</a> and select them the usual way:

<pre><code>$('#DialogTag').dialog({
 closeOnEscape: true,
 buttons: [
 {
 text: 'Cancel',
 class: 'myCancelButton',
 click: function() {
 // Close dialog fct
 }
 },
 {
 text: 'Ok',
 class: 'myOKButton',
 click: function() {
 // OK fct
 }
 }
 ],
 open: function() {

 $(document).keyup(function(event) {

 if (event.keyCode === 13) {
 $('.myOKButton').click();
 }

 });

 }
});
</code></pre>

I have a jQuery UI dialog box with a form. I would like to simulate a click on one of the dialog's buttons so you don't have to use the mouse or tab over to it. In other words, I want it to act like a regular GUI dialog box where simulates hitting the "OK" button.

I assume this might be a simple option with the dialog, but I can't find it in the <a href="http://jqueryui.com/demos/dialog/" rel="noreferrer">jQuery UI documentation</a>. I could bind each form input with keyup() but didn't know if there was a simpler/cleaner way. Thanks.

Submit jQuery UI dialog on <Enter>

jQuery

我有一个带有窗体的jQuery UI对话框。我想模拟单击对话框中的一个按钮，这样您就不必使用鼠标或tab键切换到它。换句话说，我希望它像一个常规的GUI对话框，模拟点击"OK“按钮。我认为这可能是对话框的一个简单选项，但我在中找不到它。我可以用keyup()绑定每个表单输入，但不知道是否有更简单、更干净的方法。谢谢。

问<Enter>上的Submit jQuery UI对话框
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问<Enter>上的Submit jQuery UI对话框EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问<Enter>上的Submit jQuery UI对话框
EN