您的问题由两个子问题组成：

1. 确定上下文菜单操作的目标元素。
2. 在插入符号处插入自定义文本片段（如果存在，则删除任何选择）。

子问题 1：识别目标元素

• 如果crbug.com/39507已解析，则获取元素很容易。此功能请求已将近 5 年没有任何进展，因此不要对它寄予厚望。替代方法要求您将问题 1 分解为另外两个子问题：识别目标框架，然后选择目标 DOM 元素。

有几个 API 可以帮助识别框架（使用它们的组合，选择最适合您情况的组合）：

• 该contextMenus.onClicked事件提供选项卡的 ID ( tab.id) 作为tabs.Tab实例中的一个属性，并frameUrl在单独的对象中提供框架的 URL ( )。
• 该chrome.tabs.executeScript方法可以直接在框架中运行脚本。
  （目前只有顶级框架或所有框架，针对特定框架的工作正在进行中 - crbug.com/63979，计划用于 Chrome 42）。
  在实现针对特定框架之前，您可以在每个框架中插入内容脚本并将 URL 与frameUrl（或使用下一个方法的组合）进行比较。
• 假设您已经插入了一个带有chrome.runtime.onMessage侦听器的内容脚本，用于chrome.tabs.sendMessage向由frameId（自 Chrome 41 起）标识的特定框架发送消息。
• 使用该chrome.webNavigation.getAllFrames方法获取给定选项卡中所有帧的列表tabId，然后frameId通过按已知 过滤帧列表来获取目标帧的frameUrl。
• （将来（Chrome 42？），contextMenus.onClicked将获得frameId）。

好的，假设你有正确的框架，你可以简单地使用document.activeElement来获取目标元素，因为输入元素会在点击时获得焦点。

子问题 2：在插入符号处插入文本片段

如果目标元素是一个<textarea>or <input>，那么你可以简单地使用

// Assume: elem is an input or textarea element.
var YOURSTRING = 'whatever';
var start = elem.selectionStart;
var end = elem.selectionEnd;
elem.value = elem.value.slice(0, start) + YOURSTRING + elem.value.substr(end);
// Set cursor after selected text
elem.selectionStart = start + YOURSTRING.length;
elem.selectionEnd = elem.selectionStart;

否则，您需要知道是否有内容可编辑元素，如果有，则删除任何选择（如果存在），最后将您想要的文本放在那里。

var elem = document.activeElement;
if (elem && elem.isContentEditable) {
    // YOURSTRING as defined before
    var newNode = document.createTextNode(YOURSTRING);

    var sel = window.getSelection();
    // Remove previous selection, if any.
    sel.deleteFromDocument();
    // If there is no range in the selection, add a new one, with the
    // caret set to the end of the input element to avoid the next error:
    //"Failed to execute 'getRangeAt' on 'Selection': 0 is not a valid index."
    if (sel.rangeCount === 0) {
        sel.addRange(document.createRange());
        sel.getRangeAt(0).collapse(elem, 1);
    }
    // Insert new text
    var range = sel.getRangeAt(0);
    range.insertNode(newNode);
    // Now, set the cursor to the end of your text node
    sel.collapse(newNode, 1);
}

上一个示例中使用的 Web 平台 API 的相关文档：

• Selection
• Selection.deleteFromDocument()
• Selection.collapse
• Range
• Range.insertNode