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

Question

检测tabbox中制表符之间切换的最佳方法是什么?特别是，我需要检测某个选项卡何时打开，以及用户何时离开它(切换到另一个选项卡)。

我现在用的是onclick，但感觉有点粗糙。

Answer 1

我承认它可以放在靠近页面顶部的更显眼的地方，但是文档说:

selectedPanel

类型:element

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

事件目标是标签框还是单独的面板并不完全清楚，所以你可能需要尝试一下。

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