我猜，您指的是 Gmail 上的大框，您在撰写电子邮件时输入邮件正文。
» 如果是这样的话；
原因：
Gmail 上的编辑控件不是文本控件（输入或文本区域）。这是一个 WYSIWYG 编辑器，使用 <iframe> 实现，通过设置 document.designMode = "on"（或 document.body.contentEditable = true 取决于浏览器支持）。
所以，当点击时；在这种情况下，您并不总是通过查询 document.activeElement 的方式获得正确的元素。你会得到包装（主）文档的body，（甚至没有iframe的body）。
例如；我相信，at this line 你的代码；您将click 事件侦听器添加到主文档。但是你也应该把它添加到页面中的editable iframes中；因为页面和 iframe(s) 具有不同的 document 对象（并且 iframe 不会将自身设置为活动状态）。所以，你会得到错误的document.activeElement。
解决方法：
也将必要的事件侦听器添加到 iframe；因为您想收到有关它们的通知。
// Add mouseup event listener to the main document
document.addEventListener('mouseup', logActiveElement, false);
// Get all the iframes on the main document.
var iframeElems = document.getElementsByTagName('iframe');
// Add mouseup event listener to the document of the iframe elements
for (var i = 0; i < iframeElems.length; ++i) {
addIframeEvent(iframeElems[i], true, 'mouseup', logActiveElement);
}
以下是辅助函数：
（请注意我们如何将事件侦听器从主文档添加到 iframe（文档），以及我们如何检查 iframe 当前是否可编辑。）
// Adds the specified event listener to the iframe element.
function addIframeEvent(iframeElem, editableOnly, eventName, callback) {
// Get the document of the iframe element.
var iframeDocument = iframeElem.contentDocument ||
iframeElem.contentWindow.document;
// Watch for editableOnly argument.
if ( (editableOnly && isDocEditable(iframeDocument)) || !editableOnly) {
// Add the event listener to the document of the iframe element.
iframeDocument.addEventListener(eventName, callback, false);
}
}
// Checks whether the specified document is content-editable or in design mode.
function isDocEditable(doc) {
return ( ('contentEditable' in doc.body) && (doc.body.contentEditable === true) ) ||
('designMode' in doc) && (doc.designMode == "on") );
}
// Handler function
function logActiveElement() {
console.log("Active Element:", document.activeElement);
}
现在，事件处理程序会将正确的activeElement 记录到控制台。
并发症：
因此；现有代码中的文本选择和检查等内容与常规编辑控件（输入、文本区域等）的工作方式不同。
例如；您的getWordUnderCaret(editor) 函数通过editor.selectionStart 获取insertionPoint，这在document.body（目标iframe）中不存在。对于这种选择/检查；你应该在DOM Selections、DOM Ranges之间切换；而不是 text edit controls 中的文本选择和范围。
注意：您使用的文本选择/范围 jQuery 库 (Rangy) 承诺在浏览器中处理此类可编辑内容（iframe、div 等）。您是否为 iframe 尝试过（例如在 Gmail 上）？
更多信息：
更新：
检查 Gmail 上的文本控件；我也玩过你的示例代码；
- 在 PageMod 选项中添加了
attachTo: ["existing", "top", "frame"]。
- 将
contentScriptWhen 的值更改为'end'（而不是
'ready') 在 PageMod 选项中；确保包括 DOM、CSS、JS 在内的所有内容都已加载。某些内容可能会在页面就绪/加载时通过 JS 进行更改，因此 'end' 将在其之后执行。
- 也将选择器上下文应用于菜单项；为了
确保该项目仅在选择器上下文中出现。
在 Gmail（搜索框、聊天框等）和其他网站上进行了测试，并且；这似乎有效。
查看/测试工作的example here on addon builder。