如何獲取標籤右鍵點擊非活動標籤的索引？

Question

誰可以獲得標籤右鍵點擊標籤的索引，該標籤觸發標籤上下文菜單。標籤不是活動標籤（不是selectedIndex）？

作爲一個例子。無論右鍵單擊哪個選項卡（活動/不活動）選項卡，「選項卡」上下文菜單中的「關閉選項卡」都可以工作。它如何獲得正確的標籤索引？

Answer 1

收聽tabContextMenu元素的popupshown事件。

由於這是一個無重啓的插件，我假設你已經有了ChromeWindow的引用。

var tabContextMenu = chromewin.document.getElementById("tabContextMenu"); 
tabContextMenu.addEventListener("popupshown", function(){ 
    var rightclickedtab = chromewin.TabContextMenu.contextTab; 
    // now proceed as you wish 
}, false); 

您還可以添加自己的菜單項並監聽其command事件。

在任何情況下，請記住在卸載擴展程序時進行清理。

Answer 2

如何點擊event.target，它是tab元素，然後遍歷該選項卡元素的parentNode，該元素具有選項卡的childNoedes。那麼在那裏找到你的event.target？

所以舔加上點擊聽衆和做到這一點：

var foundAtIndex = -1; 
var tab = event.target; 
var tabContainer = tab.parentNode; 
var tabs = tabContainer.childNodes; 
for (var i=0; i<tabs.length; i++) { 
if (tabs[i] == tab) { 
foundAtIndex = i; 
break; 
} 
} 

if (foundAtIndex !== -1) { 
console.error('very weird, tab not found'); 
} else { 
console.info('tab found at index:', foundAtIndex); 
}