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

Question

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

我现在使用 onclick 但这感觉很黑客。

Answer 1

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

选定的面板

类型：元素

保存对元素中当前选定面板的引用。给这个赋值>属性将修改选定的面板。 当所选面板发生更改时，将发送选择事件。

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

Answer 2

监听 tabpanels 元素上的 select 事件：

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