> For the complete documentation index, see [llms.txt](https://bogdanov-inc.gitbook.io/ui-konstruktor-oktell/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bogdanov-inc.gitbook.io/ui-konstruktor-oktell/kontroly/globalnye-sobytiya.md).

# Глобальные события

![](https://899924798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzcMn1glkgcrvuggFcDlD%2Fuploads%2Fqdz7vRz9wxxPnXcQhcud%2Fimage.png?alt=media\&token=94b96fac-2468-44ee-81a7-32158ab2b3d0)

Компонент для работы с событиями в глобальной области видимости (и не только)

#### Свойства:

* *<mark style="color:purple;">watcher</mark>* - настройки для работы события *<mark style="background-color:purple;">onParameterChange</mark>*:
  * *<mark style="color:purple;">id</mark>*- идентификатор компонента, за изменением параметров которого необходимо "следить"
  * *<mark style="color:purple;">key</mark>* - ключ или путь до параметра, изменения которого будут вызывать событие
  * *<mark style="color:purple;">value</mark>* - значение, с которым будет сравниваться реальное значение параметра отслеживаемого компонента. Если оставить пустым, то метод будет вызываться при каждом изменении значения параметра

{% hint style="info" %}
Например, если в качестве отслеживаемого компонента указать *<mark style="color:purple;">id</mark>* компонента **Вкладки** , в  поле *<mark style="color:purple;">key</mark>* указать **currentTabId** а в *<mark style="color:purple;">value</mark>*: **tab\_1**, то событие *<mark style="background-color:purple;">onParameterChange</mark>* будет срабатывать только  в случае, если была выбрана вкладка с указанным идентификатором, в нашем случае это будет вкладка №1.
{% endhint %}

#### События:

Поддерживаемые типы событий:

* *<mark style="background-color:purple;">onMount</mark>* - срабатывает при первичной  отрисовке компонента
* *<mark style="background-color:purple;">onUnmount</mark>* - срабатывает при "исключении" компонента из дерева отрисовки

{% hint style="info" %}
Т.е. каждый раз, когда компонент пропадает с экрана (несмотря на то, что в компоненте не будет отображаться UI в режиме **runtime**, его методы будут обработаны также, как и в режиме редактирования)
{% endhint %}

* *<mark style="background-color:purple;">onBrowserTabClose</mark>* - срабатывает при закрытии браузера/вкладки браузера с приложением.&#x20;

{% hint style="info" %}
Для того, чтобы данное событие корректно вызывалось, необходимо, чтобы данный компонент присутствовал в текущем дереве отрисовки на момент закрытия вкладки или браузера.
{% endhint %}

* *<mark style="background-color:purple;">onParameterChange</mark>* - срабатывает при изменении параметра стороннего компонента из пункта *<mark style="color:purple;">watchers</mark>*