当对话框关闭时,如何防止原始字段恢复焦点?

时间:2017-09-20 14:27:32

标签: javascript jquery html5 jquery-ui

我的用户不想放弃键盘在输入表单上使用鼠标;所以我需要使用onFocus事件向它们显示一个JQuery UI对话框。但是,当调用对话框的close();时,正在重新打开对话框,原始字段将恢复焦点。我尝试在下一个输入字段上显式调用focus(),但忽略该调用。

如何在对话框关闭时阻止原始字段恢复焦点? 使用IE11

 $("#divPayorTypes").dialog({
        autoOpen: false,
        height: 275,
        width: 465,
        top: 925,
        left: 275,
        modal: true,
        dialogClass: "no-close",
        title: "Payor Type Options",
        buttons: [{
            text: "Set New Payor Type",
            click: function () {
                var payorType = $("#ddlPayorTypes :selected").text();
                var payorTypeId = $("#ddlPayorTypes").val();
                $("#CCTMainForEdit_PayorType").val(payorType);
                sessionStorage.setItem("CurrPayorType", payorType);
                $("#CCTMainForEdit_refPayorTypeID").val(payorTypeId);
                $("#CCTMainForEdit_CheckNmbr").focus();
                $("#divPayorTypes").dialog("close");
            }
         }, {
            text: "Cancel",
            click: function () {
                $("#CCTMainForEdit_LastName").focus();
                $(this).dialog("close");
            }
        }]
    });

1 个答案:

答案 0 :(得分:0)

您可以在焦点领域使用$(document).on('keyup', '.select2-search__field', function (e) { if (e.which === 13) { alert('Pressed enter!'); } });

示例:

.blur()