如何在Oracle Apex提示框弹出时自动聚焦退出按钮？

要实现无论触发方式如何，提示框出现时自动聚焦到退出/取消按钮，可以通过以下方式处理，覆盖Apex内置的各类提示组件：

1. 处理原生提示框（apex.message） #

使用Apex提供的apex.message.setThemeHooks方法，监听提示框的afterShow事件，在弹窗显示后自动定位并聚焦退出按钮：

apex.message.setThemeHooks({
    afterShow: function( pMsg$ ) {
        // 匹配Apex默认的取消/关闭按钮类，可根据实际按钮样式调整选择器
        var exitBtn$ = pMsg$.find('.a-Button--cancel, .a-Button--close');
        if (exitBtn$.length) {
            exitBtn$.focus();
        }
    }
});

2. 处理模态对话框（apex.dialog） #

对于模态对话框，监听全局的apexafteropen事件，在对话框打开后聚焦目标按钮：

$(document).on('apexafteropen', '.ui-dialog', function() {
    var dialog$ = $(this);
    // 可根据实际按钮的类或文本调整选择器，比如按钮文本为"关闭"可追加:contains('关闭')
    var exitBtn$ = dialog$.find('.a-Button--cancel, .a-Button--close');
    if (exitBtn$.length) {
        exitBtn$.focus();
    }
});

代码放置位置 #

• 仅当前页面生效：将代码粘贴到页面属性的执行当页面加载时（Execute when Page Loads）JavaScript区域。
• 全局生效：添加到应用级用户界面属性的全局JavaScript文件或区域中。

自定义提示框适配 #

如果是自行开发的自定义提示框，只需在弹窗渲染完成后，直接调用目标按钮的focus()方法即可，示例：

// 假设退出按钮ID为btn_exit
$('#btn_exit').focus();

内容的提问来源于stack exchange，提问作者Pavle Vasiljevic