WordPress定制器：点击返回按钮触发回调函数的可行性咨询

方法1：直接监听返回按钮的点击事件 #

WordPress定制器左上角的返回按钮带有固定CSS类 customize-controls-back-button，我们可以直接给这个按钮绑定点击事件，再通过定制器的预览通信API通知iframe执行DOM清理操作。

首先，在控制端（通过customize_controls_enqueue_scripts钩子加载的JS文件）添加代码：

jQuery(document).ready(function($) {
    // 绑定返回按钮点击事件
    $('.customize-controls-back-button').on('click', function() {
        // 向预览窗口发送清理指令
        wp.customize.preview.send('cleanup-custom-dom');
    });
});

接着，在预览窗口的JS文件（通过customize_preview_init钩子加载）中监听指令并执行清理：

jQuery(document).ready(function($) {
    // 监听来自控制端的清理信号
    wp.customize.preview.bind('cleanup-custom-dom', function() {
        // 这里替换成你的实际DOM清理逻辑
        // 示例：移除自定义添加的元素
        $('.your-custom-dom-node').remove();
        // 示例：重置修改过的样式
        $('.modified-element').attr('style', '');
    });
});

方法2：监听面板/章节的状态切换（更全面） #

如果用户通过键盘快捷键或其他方式回到根界面，仅监听按钮点击可能覆盖不全。这时候可以利用WordPress定制器API的active事件，当激活的面板/章节被收起时自动触发清理。

控制端JS代码：

jQuery(document).ready(function($) {
    // 监听所有面板的激活状态变化
    wp.customize.panel.each(function(panel) {
        panel.bind('active', function(isActive) {
            // 当面板从激活变为非激活时（点击返回按钮会触发此状态）
            if (!isActive) {
                wp.customize.preview.send('cleanup-custom-dom');
            }
        });
    });

    // 同时监听章节的状态变化，覆盖更多场景
    wp.customize.section.each(function(section) {
        section.bind('active', function(isActive) {
            if (!isActive) {
                wp.customize.preview.send('cleanup-custom-dom');
            }
        });
    });
});

预览端的清理代码和方法1完全一致，这样不管用户通过什么方式退出面板/章节，都能触发DOM清理。

进阶优化：针对性清理 #

如果你的DOM修改是针对特定面板的，可以在发送指令时携带面板ID，实现精准清理：

// 控制端发送时携带面板ID
panel.bind('active', function(isActive) {
    if (!isActive) {
        wp.customize.preview.send('cleanup-custom-dom', panel.id);
    }
});

// 预览端接收后判断并执行对应清理
wp.customize.preview.bind('cleanup-custom-dom', function(targetPanelId) {
    if (targetPanelId === 'your-target-panel-id') {
        $('.panel-specific-element').remove();
    } else {
        // 通用清理逻辑
        $('.custom-modifications').remove();
    }
});

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