Как узнать, какой элемент был нажат в контекстных меню?

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, чтобы ввести слушатель в целевой странице для " contextmenu ".

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]; 
}