javascript - 有没有办法使用 InboxSDK 拦截 Gmail 撰写窗口的“发送”按钮？

Question

我正在编写一个 Chrome 扩展程序，该扩展程序会修改 Gmail 撰写窗口以添加一个控件，该控件允许用户选择是使用我们的专有协议(protocol)发送邮件还是作为常规电子邮件发送邮件。我的问题是，一旦扩展确定了控件的状态，它如何拦截“发送”按钮发送的事件？

Answer 1

使用 Javascript 实现这一点的最简单方法:

• 找到原始的发送按钮并克隆它
• 向假按钮添加事件监听器
• 一旦用户选择使用您的专有协议(protocol)发送邮件，只需用假按钮替换原始按钮即可
• 如果用户选择作为普通邮件发送，则显示原始按钮

我在控制台中尝试的一个简单示例(在 ComposeView 打开时使用它):

// find the original button
const originalSendButton = document.querySelector('.mt-send');
// clone it
const fakeSendButton = originalSendButton.cloneNode(true);
fakeSendButton.addEventListener('click', () => alert('Fake Send Button clicked'));
// show fake button
originalSendButton.parentNode.replaceChild(fakeSendButton, originalSendButton);

// show original button if needed
// fakeSendButton.parentNode.replaceChild(originalSendButton, fakeSendButton);