# What event to listen for for input change on text field

**URL:** <https://forums.creativeclouddeveloper.com/t/what-event-to-listen-for-for-input-change-on-text-field/1724>\
**Category:** UXP Plugin API\
**Tags:** javascript\
**Created:** [April 19, 2020, 6:48pm UTC](https://forums.creativeclouddeveloper.com/t/what-event-to-listen-for-for-input-change-on-text-field/1724 "2020-04-19T18:48:15Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Velara](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/velara/32/1278_2.png) [@Velara](https://forums.creativeclouddeveloper.com/u/Velara)\
**Post date:** [April 19, 2020, 6:48pm UTC](https://forums.creativeclouddeveloper.com/t/what-event-to-listen-for-for-input-change-on-text-field/1724/1 "2020-04-19T18:48:15Z")

</div>

I have a input change handler setup on a panel but I’d like to get an event for each key press. The docs say only `change` is supported. Is this still true?

> **[Text fields · Adobe XD Plugin Reference](https://adobexdplatform.com/plugin-docs/reference/ui/elements/textfields.html)**

---

<div class="post-metadata">

**Author:** ![Velara](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/velara/32/1278_2.png) [@Velara](https://forums.creativeclouddeveloper.com/u/Velara)\
**Post date:** [April 20, 2020, 11:44am UTC](https://forums.creativeclouddeveloper.com/t/what-event-to-listen-for-for-input-change-on-text-field/1724/2 "2020-04-20T11:44:58Z")

</div>

It looks like keydown works on Mac (not tested on Windows). There seems to be a conflict with change events though. If I set the value to something else change event will change it back (on Mac). I’ve refactored so that any changes happen in the change event so I guess it is ok for now. But haven’t tested on Windows. It could be different.

---

<div class="post-metadata">

**Author:** ![mightyalex](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/mightyalex/32/777_2.png) [@mightyalex](https://forums.creativeclouddeveloper.com/u/mightyalex)\
**Post date:** [April 20, 2020, 2:35pm UTC](https://forums.creativeclouddeveloper.com/t/what-event-to-listen-for-for-input-change-on-text-field/1724/3 "2020-04-20T14:35:49Z")

</div>

This is what I am using on the plugin I’m currently making:

```
filterInput.addEventListener('keydown', (event) => {
    switch(event.key) {
        case "ArrowDown":
           // do stuff
            break;
        case "ArrowUp":
           // do stuff
            break;
        default:
            // since keyup is not supported add delay;
            clearTimeout(keydownDelay);
            keydownDelay = setTimeout(function(){
                filterByName(filterInput.value);
            }, 500);
            break;
      }
});

```

Here is a demo: [https://twitter.com/mightyalex/status/1244022536301674496](https://twitter.com/mightyalex/status/1244022536301674496)