Question

我做了一个简单的弹出屏幕。在按钮上单击我显示弹出屏幕。在退格时它会自动关闭。

我已经使用 data-dismissible =“false”。虽然在退格时它仍然关闭弹出窗口。是否可以禁用退格按钮？

这是我的小提琴：http://jsfiddle.net/ezanker/5anNC/6/

请单击按钮显示弹出屏幕。在backsapce上弹出窗口解散。

function infoAlert(text) {
    var popupDialogId = 'popupDialog';
    $('<div class="aa" data-role="popup" id="' + popupDialogId + '" data-confirmed="no" data-transition="pop" data-overlay-theme="b" data-theme="b" data-dismissible="false" style="max-width:500px;"> \
                        <div data-role="header" data-theme="a">\
<a href="#" class="common-button ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b optionConfirm" data-rel="back">OK</a>\
                            <h1>Info</h1>\
                        </div>\
                        <div role="main" class="ui-content">\
                            <h3 class="ui-title">' + text + '</h3>\
                            <a href="#" class="common-button ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b optionConfirm" data-rel="back">OK</a>\
                        </div>\
                    </div>')
        .appendTo($.mobile.pageContainer);
    var popupDialogObj = $('#' + popupDialogId);
    popupDialogObj.trigger('create');
    popupDialogObj.popup();
    popupDialogObj.popup('open');
    popupDialogObj.find(".optionConfirm").first().on('click', function () {

        $(popupDialogObj).remove();
        return false;
       // popupDialogObj.attr('data-confirmed', 'yes');
    });
}

Answer 1

可以尝试类似：

$('body').keydown(function(e) {
    if($('#popupDialog').is(':visible')) {
        if(e.keyCode == 8) { // 8 is backspace
            e.preventDefault();
        }
    }

});

jSFiddle

如何防止在退格点击时关闭弹出窗口？

1 个答案: