Question

我有一个jQuery确认对话框，当用户按 Enter 时，该对话框不会触发与默认按钮关联的事件;当我使用鼠标时，按钮的行为符合预期。

按Enter键时默认按钮（'取消'）突出显示，但没有其他事情发生。

这是对话框：

enter image description here

以下是产生上述对话框的代码：

$(document).ready(function () {

    $('#m_btnNext').click(function (e) {
            var my_messages = 'warning';
            if (my_messages.length > 0) {
                e.preventDefault();
                $('#dialog-confirm-withdraw').html(my_messages);
                $("#dialog-confirm-withdraw").dialog("open");
                return false;
            }
            return true;    
            });

        var cascadeConfirmWithdrawMarkup = "<div id='dialog-confirm-withdraw' title='Withdraw'><p>Set on build</p></div>";
        $(cascadeConfirmWithdrawMarkup).appendTo('body').hide();

        $('#dialog-confirm-withdraw').dialog({ title: '<span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Withdraw Warnings',
            width: 400,
            height: 175,
            resizable: false,
            draggable: false,
            modal: true,
            autoOpen: false,
            open: function () {
                $('.ui-dialog-buttonpane button:eq(1)').focus();
            },
            buttons: {
                "Proceed with withdraw": function () {
                    $(this).dialog("close");
                },
                "Cancel": function () {
                    $(this).dialog("close");
                }
            }
        });
});

最简单的形式是this code works fine，但我很难找到我的真实形式的罪魁祸首。

我注释掉了所有其他的javascript，所以只有上面的代码存在;没有错误记录到控制台;但没有任何反应。

如果上面的js中没有明显的错误，在这个大海捞针中找到针头的最佳方法是什么？

Masochists可以下载完整的html页面（包含所有javascript），here。我使用FF的另存为“网页，完成”来创建该拉链。

请记住，我只是在为此表单添加功能;我没有创造它。

Answer 1

在halcyonCommon.js中，你有一个名为KeyListener（）的函数，它在文档加载时调用。该函数为keydown添加了一个事件监听器，它似乎正在处理转义并输入整个文档的keydown事件：

        case KeyCode.Enter:             
            if (el.tagName == "INPUT") {                    
                switch (el.type) {
                    case "checkbox" :
                    case "password" :
                    case "radio" :
                    case "text" : 
                        {   //Check for datebox and timebox, has controller --> onblur before click OK
                            if (el.Controller && el.Controller.onblur)
                                el.Controller.onblur({target : el});

                            return oThis.clickAction(oThis._DefaultButton, e); 
                        }
                    break;                      
                    case "file" ://ThamHNguyen, added 14-NOV-06
                        return oThis.clickAction(oThis._DefaultButton, e);
                        break;

                    default:
                        return true;
                }
            } else if (el.tagName == "SELECT") {
                return oThis.clickAction(oThis._DefaultButton, e);              
            } else if (el.tagName == "HTML" || el.tagName == "BODY" || el.tagName == "TD") { //"TD" : on IE only
                return oThis.clickAction(oThis._DefaultButton, e);              
            } else if (el.tagName == "TEXTAREA" || el.tagName == "A" ) {
                return true;
            } else {
                return false; //Prevent default button of IE
            }

查看最后一个案例？删除它可以解决问题，但这可能会导致程序中其他地方出现意外行为。如果是这样，你需要在这一行中添加第三个可能的返回true（因此允许正常行为）的场合：

} else if (el.tagName == "TEXTAREA" || el.tagName == "A" )

例如：

} else if (el.tagName == "TEXTAREA" || el.tagName == "A" || el.tagName == "SPAN" )

......虽然这可能不够具体。

jQuery Dialog不响应键盘按下

1 个答案: