自定義背景

Question

Chrome擴展上下文菜單我在丁目擴展爲複選框創建一個快捷菜單，我全成創建將只爲可編輯的字段是可見的菜單。

問題是我需要作爲託運顯示菜單，根據在文本字段（聚焦元件）中的數據屬性。使用下面的代碼，它顯示在全局級別檢查（意思是如果我檢查菜單在一個頁面/ elemebt是否仍然檢查其他頁面/元素以及。）

我怎樣才能使它檢查/ unchecked根據元素的數據屬性？

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事件並作出立即反映在公佈菜單的變化（但我從看Rob W的評論可能有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' 
    }); 
} 

如果你在當前焦點文本框只是有興趣，你也可以只改變你的菜單中focus和blur事件。您可能還需要到'editable'選項檢查到contexts菜單屬性（不知道是什麼做，但聽起來像它可能限制菜單文本輸入元素）。