Контекстное меню расширения Chrome с настраиваемым контекстом

Question

Я создал контекстное меню в моем расширении chome как флажок, мне удастся создать меню, которое будет видно только для редактируемого поля.

Проблема в том, что мне нужно отобразить меню, как отмечено, в соответствии с атрибутом данных в текстовом поле (сфокусированный элемент). С помощью следующего кода он отображается на глобальном уровне (это означает, что если я проверил меню на одной странице/elemebt, он будет проверен и на других страницах/элементах.)

Как я могу сделать его проверенным/непроверенным в соответствии с атрибутом данных элемента?

var addinMenu = chrome.contextMenus.create({ 
    "title": "My Addin Menu", 
    "contexts": ["editable"] 
}); 
var disableOrEnable = chrome.contextMenus.create({ 
    "type": "checkbox", 
    "title": "Disable", 
    "parentId": addinMenu, 
    "id": "myaddin_disable", 
    "checked": true, 
    "contexts": ["editable"], 
    "onclick": disableOrEnableMyAddin 
}); 

Answer 1

Вызов chrome.contextMenus.update() когда свойства меню следует изменить, например:

chrome.contextMenus.update(
    disableOrEnable, 
    { type: 'checkbox', checked: false }); 

Похоже, что вы можете поймать oncontextmenu события и внести изменения, которые немедленно отражается в публикуемом меню (но я вижу из Комментарий Роба может быть race condition с этим). Это работает для меня:

var contextMenu = chrome.contextMenus.create(
    { 
    type: 'checkbox', 
    title: 'how now brown cow', 
    checked: false, 
    contexts: ['all'] 
    }); 

var element = document.getElementById('hello'); 
element.addEventListener(
    'mouseover', 
    function(e) { 
    element.setAttribute('underMouse', 'true'); 
    }); 
element.addEventListener(
    'mouseout', 
    function(e) { 
    element.setAttribute('underMouse', ''); 
    }); 

window.oncontextmenu = function(e) { 
    chrome.contextMenus.update(
    contextMenu, 
    { 
     type: 'checkbox', 
     checked: element.getAttribute('underMouse') == 'true' 
    }); 
} 

Если вы просто заинтересованы в настоящее время сосредоточены TextField вы также можете просто изменить свое меню в focus и blur событий. Вы также можете проверить опцию 'editable' на свойство меню contexts (не знаете, что это значит, но похоже, что это может ограничить меню текстовыми элементами ввода).