我如何知道在上下文菜单中单击了哪个元素？

Question

我们为 Chrome、Firefox 和 Safari 开发扩展程序。我们想在我们的扩展中添加上下文菜单，当右键单击任何可编辑的表单元素时会显示。我尝试向 Chrome 添加可编辑的上下文菜单：

chrome.contextMenus.create({
    "title": "Test editable menu item",
    "contexts": ["editable"],
    "onclick": function(info, tab) {
        console.log("item " + info.menuItemId + " was clicked");
        console.log("info: " + JSON.stringify(info));
        console.log("tab: " + JSON.stringify(tab));
    }
});

但我需要知道用户点击了哪个元素，并且info 和tab 不包含该元素。我怎么知道用户点击了哪个元素？我想要一个包含该元素的 jQuery 对象。

info 对象包含以下属性：

"editable": true
"menuItemId"
"pageUrl"

Answer 1

我所知道的最好的解决方法之一是遵循thread 中给出的建议，使用content scripts 在目标页面中为“上下文菜单”事件注入一个侦听器。

Answer 2

我知道这对你来说太晚了，但我在这里为任何在谷歌上搜索的人回答。

我的解决方案是在创建的菜单项和业务模型（在本例中为“数据”数组）之间创建映射：

var itemsDic = {};
function onClickHandler(info) {
    alert(itemsDic[info.menuItemId]);
};

for(i in data) {
    var currentItem = chrome.contextMenus.create({
            parentId: item,
            title: data[i].ItemName,
            type: data[i].ItemType,
            contexts: ["editable"],
            onclick : onClickHandler
    });
    itemsDic[currentItem] = data[i];
}