[Javacsript] onChange應用

Javascript 的onChange事件的定義為：元素值的內容改變時，執行的Javascript。

而該執行之Javascript定義於onChange="JavascriptCode"，根據w3c的定義支援此三種html標籤：<input type="text"/>, <select>, <textarea>

1、input 、textarea

以下範例為在 input 方塊中 key 入數值，以動態改變 Result 的文字，textarea使用方式雷同，可自行練習看看喔!

提供了另一個相似的例子叫 onKeyUp，這兩者之間有什麼不同呢？操作以下範例即可明白!

範例原始碼：

範例實作：  
onChange事件發生在離開對話框時，才會改變resule值，而onKeyUp則是隨著input動態改變，可依需求決定要使用哪一種喔 :)

2、select

此範例為根據select選項動態改變字的顏色。

範例原始碼：
範例實作：

參考資料：

[1] http://www.w3school.com.cn/htmldom/event_onchange.asp