firefox-addon - 检测 XUL 中的选项卡选项卡更改

Question

检测 a 内选项卡之间切换的最佳方法是tabbox什么？特别是，我需要检测某个选项卡何时打开，以及用户何时离开它（切换到另一个选项卡）。

我现在正在使用onclick，但感觉很hackish。

Answer 1

我承认它可能位于页面顶部附近更显眼的位置，但文档说：

选定面板

类型：元素

保存对元素内当前选定面板的引用。为该 > 属性分配一个值将修改选定的面板。更改所选面板时将发送选择事件。

事件目标是选项卡框还是单个面板并不完全清楚，因此您可能需要进行一些试验。

Answer 2

监听元素select上的事件：tabpanels

var panels = document.getElementById("tabpanels"); // whatever your ID is
panels.addEventListener("select", function(e) {
    var el = e.target;
    alert(e.target.tagName); // tabpanels
    alert(e.target.selectedPanel) // [object XULElement] (the selected tab)
}, false);