Определить изменение вкладки в XUL

Question

Какой лучший способ обнаружить переключение между вкладками внутри tabbox?В частности, мне нужно определить, когда определенная вкладка открыта и когда пользователь покидает ее (переключается на другую вкладку).

Я сейчас использую onclick, но это кажется хакерским.

Answer 1

Я допускаю, что это может быть в более заметном месте в верхней части страницы, но в документации сказано:

selectedPanel

Тип: элемент

Содержит ссылку на текущую выбранную панель внутри элемента.Присвоение значения этому свойству> изменит выбранную панель.Событие выбора будет отправлено при изменении выбранной панели .

Не совсем ясно, является ли цель события вкладкой или отдельной панелью, поэтому вам, возможно, придется немного поэкспериментировать.

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