如何基于Outlook Add-in（.NET+原生JS）实现发送前自定义确认弹窗

核心思路 #

1. 拦截邮件发送的ItemSend事件，这是Outlook Add-in处理发送前逻辑的标准入口。
2. 根据需求选择两种弹窗实现方式：原生系统级确认框（轻量贴合系统风格），或任务窗格内自定义样式弹窗（可完全控制UI）。

具体代码实现 #

1. 注册发送拦截事件

在Add-in初始化代码中注册ItemSend事件，确保能捕获发送动作：

Office.initialize = function(reason) {
    $(document).ready(function() {
        // 注册ItemSend事件处理器
        Office.context.mailbox.addHandlerAsync(
            Office.EventType.ItemSend,
            onItemSend,
            function(result) {
                if (result.status === Office.AsyncResultStatus.Failed) {
                    console.error("注册发送事件失败: " + result.error.message);
                }
            }
        );
    });
};

2. 原生系统确认弹窗实现

如果你的示例图是系统级的确认框，直接用confirm()即可，代码简洁且无额外窗口：

function onItemSend(eventArgs) {
    // 显示确认弹窗
    var isConfirmSend = confirm("确认要发送这封邮件吗？");
    
    if (!isConfirmSend) {
        // 用户取消，终止发送流程
        eventArgs.completed(false);
    } else {
        // 用户确认，继续发送
        eventArgs.completed(true);
    }
}

3. 自定义样式弹窗实现

若需要更贴合Outlook风格的自定义UI，可在任务窗格中预先隐藏弹窗，触发时显示：

<!-- 任务窗格内的自定义弹窗 -->
<div id="sendConfirmModal" style="display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); padding:24px; background:#fff; border:1px solid #e0e0e0; border-radius:8px; box-shadow:0 2px 10px rgba(0,0,0,0.15); z-index:9999;">
    <p style="margin:0 0 16px 0; font-size:14px;">确认要发送这封邮件吗？</p>
    <div style="display:flex; gap:8px; justify-content:flex-end;">
        <button id="cancelSendBtn" style="padding:6px 12px; border:1px solid #e0e0e0; border-radius:4px; background:#fff; cursor:pointer;">取消</button>
        <button id="confirmSendBtn" style="padding:6px 12px; border:none; border-radius:4px; background:#0078d4; color:#fff; cursor:pointer;">发送</button>
    </div>
</div>

对应的JavaScript逻辑：

function onItemSend(eventArgs) {
    // 先阻止默认发送流程，等待用户操作
    eventArgs.completed(false);
    const modal = document.getElementById("sendConfirmModal");
    modal.style.display = "block";

    // 确认发送按钮逻辑
    document.getElementById("confirmSendBtn").onclick = function() {
        modal.style.display = "none";
        // 手动触发邮件发送
        Office.context.mailbox.item.sendAsync(function(result) {
            if (result.status === Office.AsyncResultStatus.Failed) {
                console.error("发送邮件失败: " + result.error.message);
            }
        });
    };

    // 取消发送按钮逻辑
    document.getElementById("cancelSendBtn").onclick = function() {
        modal.style.display = "none";
        // 取消后无需额外操作，发送流程已终止
    };
}

补充说明 #

• 如果你使用的是.NET框架的VSTO Add-in，逻辑类似：通过Application.ItemSend事件拦截，弹窗可直接用WinForms/WPF的MessageBox，或结合WebView2加载自定义JS弹窗。
• 无论哪种实现，必须在ItemSend事件中调用eventArgs.completed()，否则会导致Outlook界面卡住。

内容的提问来源于stack exchange，提问作者Alien 'D' mars