Как передать параметр из события?

Question

[Владислав]

Здравствуйте.
Событие описано так:

var rMyEvent = document.createEvent('CustomEvent');
        rMyEvent.initCustomEvent( 'appTabsGroupOpen', false, false, { detail: { rElem: 'DDDDD' } } );
        document.dispatchEvent(rMyEvent);

Далее при срабатывании события надо этот параметр rElem оттуда вытащить:

$(document).on('appTabsGroupOpen', function(event) {
            console.log('Событие ' + event.detail.rElem);
        });

Эта запись неправильная. Как правильно записать?

Comments

[Алексей Уколов]

https://developer.mozilla.org/en-US/docs/Web/API/C...

[Алексей Уколов]

Но если работает ещё в вашем браузере (вроде, должно бы), то инициализация должна выглядеть так:

rMyEvent.initCustomEvent( 'appTabsGroupOpen', false, false, { rElem: 'DDDDD' } );

[Владислав]

С объявлением проблемы нет. Нужно вытащить значение.

Answer 1

[Дмитрий Беляев]

rMyEvent.initCustomEvent( 'appTabsGroupOpen', false, false, { rElem: 'DDDDD' });

то что посылается последним аргументом, это и есть event.detail

Ну а правильнее конечно делать так:

new CustomEvent("appTabsGroupOpen", {
  detail: {
    rElem: 'DDDDD',
  },
});

Comments

[Владислав]

С объявлением проблемы нет. Нужно вытащить значение.

[Дмитрий Беляев]

Владислав, в том варианте, как у Вас передается значение будет в event.detail.detail.rElem

Answer 2

[IvanU7n]

объявление хоть и считается "old-fashioned", но должно работать (ПС2), использование нормальное, но я бы сделал современный вариант:

var rMyEvent = new CustomEvent('appTabsGroupOpen', { detail: { rElem: 'DDDDD', }, });
document.dispatchEvent(rMyEvent);

а вот jQuery не факт, что работает с событиями из первого блока, т.е. работающим вариантом должно быть

document.addEventListener('appTabsGroupOpen', e => { console.log('Событие ' + e.detail.rElem); });

ПС. ловить событие стоит после добавления обработчика, до этого они уйдут в никуда
ПС2. да, с имеющим кодом обращение должно быть e.detail.detail.rElem

Comments

[Владислав]

Так пробовал не работает.

[IvanU7n]

Владислав, тогда песочницу с неработающим кодом в студию, т.к. это работает:

[Владислав]

Спасибо.

[IvanU7n]

Владислав, если помогло, отмечайте решением, их может быть несколько