Events / Event modifiers

Main Function:

handleMessage(event)

This function is defined to handle the message event.

alert(event.detail.text)

When the message event is triggered, this line displays an alert containing the text property of the event's detail object.

Component:

const dispatch = createEventDispatcher();

This creates an event dispatcher object named dispatch.

sayHello()

This function is defined to simulate triggering the message event.

dispatch('message', detail)

This line dispatches a custom event named message with a detail object containing a text property. The text property is set to the specified message.

Key points

• The createEventDispatcher function is used to create an event dispatcher object.
• Custom events are dispatched using the dispatch object.
• The detail property of an event object can be used to pass data.
• Event listeners can be attached to components using the on: directive.