Как посмотреть события dom Элемента в браузере Chrome? Чтобы сразу функцию которая что-то делает давало полную?

f12 жми. Там весь расклад высветится

Чтобы просмотреть события DOM элемента в браузере Chrome, вы можете воспользоваться вкладкой "Elements" в инструментах разработчика. Вот как это сделать:

1. **Откройте Инструменты разработчика**: Нажмите правой кнопкой мыши на элементе на веб-странице и выберите "Исследовать элемент" или нажмите `Ctrl+Shift+I` (или `Cmd+Option+I` на Mac) для открытия инструментов разработчика.

2. **Выберите вкладку "Elements"**: В открывшемся панели инструментов разработчика перейдите на вкладку "Elements". Здесь вы увидите древовидное представление HTML-структуры текущей страницы.

3. **Выберите элемент для анализа**: Найдите интересующий вас элемент в дереве HTML. Чтобы увидеть все события, привязанные к этому элементу, воспользуйтесь встроенными инструментами разработчика Chrome.

4. **Раздел "Event Listeners"**: В правой части панели инструментов разработчика Chrome найдите раздел "Event Listeners" (События). В этом разделе отображаются все привязанные к элементу обработчики событий, такие как клики, наведения курсора, изменения и другие.

5. **Полный список событий**: Для каждого события будет указан тип события (например, "click", "mouseover"), а также функция или обработчик, который вызывается при возникновении события. Вы можете щелкнуть на ссылку с названием функции, чтобы перейти к её исходному коду и изучить, что именно она делает.

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