---
# System prepended metadata

title: Event Listeners
tags: [Simple Application]

---

# Event Listeners

> * 如有錯誤處指正或任何建議，懇請留言，感謝!
> * 搭配 ChatGPT 進行翻譯，請小心服用
> * ▸ ... 為英文原文


:::spoiler ...
In this tutorial, we will add an event listener to the input. We will use the `keyup` event to listen to changes on the input. The goal is to update the `org` as the user types.
:::
在這個教學中，我們將在輸入框中加入一個事件監聽器。我們將使用`keyup`事件去監聽輸入框的變更。
我們的目標是當使用者輸入時更新`org`。
:::spoiler ...

Use the `onInput$` property on the `<input>` element to add an event listener.

Notice that the assignment to the store (`github.org = ...`) automatically triggers the component re-rendering.

::: 
使用`<input>`元素的`onInut$`屬性去增加一個時間監聽器。

注意對儲存的賦值（`github.org=...`）會自動觸發元件的重新渲染。


###### tags: `Simple Application`