检测XUL中的选项卡选项卡更改

Question

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

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

Answer 1

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

  

selectedPanel

     

输入：element

     

保持对元素中当前所选面板的引用。为此分配值＆gt;属性将修改选定的面板。选择的面板更改后，将发送选择事件。

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

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);