Breaking News: Grepper is joining You.com. Read the official announcement!

js custom event pass data

Tiago F2 answered on August 5, 2022 Popularity 5/10 Helpfulness 9/10

answer js custom event pass data

related js custom event pass data

js custom event pass data

Comment

// create custom events
const catFound = new CustomEvent('animalfound', {
  detail: {
    name: 'cat'
  }
});
const dogFound = new CustomEvent('animalfound', {
  detail: {
    name: 'dog'
  }
});

// add an appropriate event listener
obj.addEventListener('animalfound', (e) => console.log(e.detail.name));

// dispatch the events
obj.dispatchEvent(catFound);
obj.dispatchEvent(dogFound);

// "cat" and "dog" logged in the console

Popularity 5/10 Helpfulness 9/10 Language javascript

Source: developer.mozilla.org

Tags: custom-event javascript pass-data

Link to this answer
Share Copy Link

Contributed on Aug 05 2022

Tiago F2

0 Answers Avg Quality 2/10

Closely Related Answers

js custom event pass data

Comment

// add an appropriate event listener
window.addEventListener('contacriada', (event) => {
    console.log('detail', event.detail)
	action1(event.detail)
	action2(event.detail)
	action3(event.detail)
});

// dispatch the events
window.dispatchEvent(new CustomEvent('contacriada', {
    detail: {
        email: 'pedro-de-lara@gmailcom',
        name: 'Pedro de Lara'
    }
}));

Popularity 3/10 Helpfulness 7/10 Language javascript

Source: Grepper

Tags: custom-event pass-data javascript

Link to this answer
Share Copy Link

Contributed on Sep 06 2022

Tiago F2

0 Answers Avg Quality 2/10

js custom event pass data

Comment

window.addEventListener('animalfound', (e) => console.log(e.detail.name));

dispatchEvent(new CustomEvent('animalfound', {
  detail: {
    name: 'cat'
  }
}))

Popularity 4/10 Helpfulness 7/10 Language javascript

Source: developer.mozilla.org

Tags: custom-event javascript pass-data

Link to this answer
Share Copy Link

Contributed on Aug 05 2022

Tiago F2

0 Answers Avg Quality 2/10

js custom event pass data

Contents

More Related Answers

js custom event pass data

Closely Related Answers

js custom event pass data

js custom event pass data

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.