如何捕获Lightning Quick Action右上角X关闭按钮的点击事件

完全可以实现该需求，最稳定通用的方案是利用Aura组件的销毁生命周期事件实现，具体实现逻辑如下：

实现步骤 #

1. 首先在你的Aura组件xml中注册销毁事件监听，同时新增一个标记位属性用于区分关闭来源

<aura:handler name="destroy" value="{!this}" action="{!c.handleComponentDestroy}"/>
<aura:attribute name="isManualClose" type="Boolean" default="false" description="标记是否为点击取消/确认按钮主动关闭"/>

2. 在你的取消、确认等主动关闭快速操作的按钮逻辑中，先给标记位赋值为true，再执行关闭动作

// 示例：取消按钮的点击处理逻辑
handleCancel: function(component, event, helper) {
    // 原有取消按钮的业务逻辑写在这里
    component.set("v.isManualClose", true);
    // 调用原生方法关闭快速操作
    $A.get("e.force:closeQuickAction").fire();
}

3. 在销毁事件的处理函数中，通过标记位判断是否为点击右上角X关闭，执行对应的自定义逻辑

handleComponentDestroy: function(component, event, helper) {
    // 标记位为false时，说明是点击右上角X、刷新页面等非主动操作导致的关闭
    if(!component.get("v.isManualClose")) {
        // 这里写你需要执行的自定义逻辑
        console.log("用户点击X关闭快速操作，执行自定义逻辑");
        // 支持读取组件属性、调用后端 Apex 接口等操作
    }
}

注意事项 #

• 该方案对所有Lightning Experience环境都兼容，不需要依赖额外的组件或者API
• 销毁事件触发时组件上下文还未完全释放，同步逻辑、短耗时的异步逻辑都可以正常执行，不建议放置耗时超过1s的异步任务，可能会因为组件销毁被中断
• 如果需要实现未保存修改提示，可以在上述判断逻辑中加入confirm弹窗，提醒用户是否确认放弃未保存内容

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