Как передать объект класса в функцию js?

Question

[IliaMal]

Здравствуйте.

На сайте присутствует код вызова функции:

const tab = document.querySelector('.tabs');
const tabsMenu = document.querySelector('.tabs-menu__list');
if(tab && tabsMenu) {
    tabsMenu.onclick = function(e){
        tabs(tab, tabsMenu, e);
    }
}

Проблема в том, что если подгружать данную страницу через ajax, то функция не выполняется.
Работает вариант, если перенести весь вызов в элемент:

<div class="tabs-menu__list" onclick="
    const tab = document.querySelector('.tabs');
    const tabsMenu = document.querySelector('.tabs-menu__list');
        tabsMenu.onclick = function(e){
            console.log(tab);
            tabs(tab, tabsMenu, e);
        }">

Хочется записать по красивее и по кароче

<div class="tabs-menu__list" onclick="tabs(tab, tabsMenu, e);">

, но я не знаю как передать объект "e" в функцию.

Подскажите, пожалуйста.

Comments

[Сергей delphinpro]

А вам там действительно нужно объект события?
или может достаточно кликнутого элемента (this)?

[IliaMal]

Сергей delphinpro, нужен именно объект, дело в том, что функция используется в нескольких местах и переписывать ее не хочется. Можно конечно добавить условие и проверять присутствует ли e.target (именно он используется в функции), но я надеялся что есть простой способ получить объект (e).

[Сергей delphinpro]

IliaMal,

присутствует ли e.target (именно он используется в функции),

Вот об этом и говорю. e.target - и есть кликнутый элемент

onclick="tabs(tab, tabsMenu, this);"

или, чтобы не переписывать, хоть и выглядит криво

onclick="tabs(tab, tabsMenu, {target: this});"

[Сергей delphinpro]

Но в любом случае ответ ниже более правильный.

Answer 1

[WapSter]

Создавай слушателя события уже после того как отработал ajax или используй делегирование событий

Comments

[IliaMal]

Через делегирование получилось, спасибо. Но не понял как реализовать через слушателя, так все равно не работает у меня.