---
metadata:
- name: generator
content: Diplodoc Platform v5.39.1
alternate:
- https://yandex.com/dev/jsapi-v2-1/doc/en/v2-1/examples/cases/dom_event_manager.md
- https://yandex.com/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/dom_event_manager.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com/dev/jsapi-v2-1/doc/ru/llms.txt
# Подписка на события dom-элемента
Open in CodeSandbox
Dom-элементы могут генерировать на себе различные типы событий в зависимости от браузера и устройства.
Например, при наведении мышкой на объект может быть сгенерировано событие 'mousedown', а при нажатии
на элемент пальцем на экране планшета - событие 'touchstart'.
API Яндекс.Карт преобразует различные события браузеров в единый список событий.
Таким образом, вы можете писать один и тот же код по обработке dom-событий во всех браузерах и устройствах,
которые поддерживаются API.
Список событий, которыми оперирует API, и схему преобразования событий можно посмотреть в описании интерфейса IDomEventEmitter.
Подписываться на события dom-элементов можно с помощью domEvent.manager.
{% list tabs %}
- index.html
```html
Подписка на события dom-элемента
Погладь кота!
🐈
```
- dom_event_manager.js
```js
ymaps.ready(init);
function init() {
// Даже если пользователь коснется элемента на экране планшета, такие события, как
// 'touchstart', 'touchmove' и прочие, будут преобразованы в единый список событий.
// Это позволяет писать кроссплатформенный код и не задумываться о типе устройства.
var targetElement = document.getElementById("myElement"),
events = ["mouseenter", "mouseleave", "click", "dblclick", "wheel"],
divListeners = ymaps.domEvent.manager
.group(targetElement)
.add(events, function (event) {
log(event.get("type"));
});
document.getElementById("clear").onclick = function () {
document.getElementById("log").innerHTML = "";
};
window.log = function (message) {
document.getElementById("log").innerHTML =
document.getElementById("log").innerHTML + " " + message;
};
}
```
{% endlist %}