# Listening for element events with Compose for Web - Gustavo Fão Valvassori

DevFeed: [Listening for element events with Compose for Web - Gustavo Fão Valvassori](<https://devfeed.tech/articles/listening-for-element-events-with-compose-for-web-gustavo-fao-valvassori-38178.md>)

Original publisher: [Read original article](<https://touchlab.co/compose-html-events>)

Published: 2024-01-26T00:00:00Z

Content type: tutorial

Language: en

Sources: [Touchlab | Enterprise Mobile Innovation & Development](<https://devfeed.tech/sources/touchlab-enterprise-mobile-innovation-development.md>)

Topics: [compose-for-web](<https://devfeed.tech/topics/compose-for-web.md>), [Web](<https://devfeed.tech/topics/web.md>), [draggable](<https://devfeed.tech/topics/draggable.md>), [Kotlin](<https://devfeed.tech/topics/kotlin.md>)

Tags: [browser](<https://devfeed.tech/tags/browser.md>), [compose-for-web](<https://devfeed.tech/tags/compose-for-web.md>), [compose-multiplatform](<https://devfeed.tech/tags/compose-multiplatform.md>), [css](<https://devfeed.tech/tags/css.md>), [draggable](<https://devfeed.tech/tags/draggable.md>), [event](<https://devfeed.tech/tags/event.md>), [kotlin](<https://devfeed.tech/tags/kotlin.md>), [kotlin-js](<https://devfeed.tech/tags/kotlin-js.md>), [kotlin-multiplatform](<https://devfeed.tech/tags/kotlin-multiplatform.md>)

## AI overview

This tutorial explains how to handle HTML element events in Compose for Web. It covers common event listeners, updating composable state from clicks and input changes, and using side effects to implement more complex behavior such as a draggable window.

## Source excerpt

In a declarative world, events are the main way to interact with the elements, and most components have a way to listen for them.