初識onclick、onblur、onchange

onclick、onblur、onchange 有什麼差別

  一些人開發的 jsp 頁面真的不敢恭維，有時候實在是太雜亂無章，不過也有自己的原因，誰讓自己編寫 js 等腳本的能力那麼衰呢！

問題描述：

1. 頁面中存在如下圖的輸入框，進入頁面後，會預設給出“起始日期”、“結束日期”，現要求如果“被加變量”一旦改動，程式會自動給出結束日期值。
2. 詳細參考下面截圖（注意紅色箭頭）：

注釋：

  被加變量在程式中被定義為 text 類型，使用οnchange=”方法；方法；…”

你知道是具體是什麼原因嗎？為什麼現在輸入被加值時，結束日期不能自動求和嗎？

   。。。。。。

onchange ( HTML事件屬性 )

• onchange 在元素值改變時觸發。
• onchange 屬性适用于：input、textarea 以及 select元素。
• 測試網址：
• ​​http://www.w3school.com.cn/tiy/t.asp?f=html5_ev_onchange​​

onclick( Event 對象 )

• onclick 事件會在對象被點選時發生。
• .
• 請注意， onclick 與 onmousedown 不同!
• .
• 單擊事件是在同一進制素上發生了滑鼠按下事件之後又發生了滑鼠放開事件時才發生的。
• .

• 支援該事件的 JavaScript 對象：

  button, document, checkbox, link, radio, reset, submit

• 測試網址：
• ​​http://www.w3school.com.cn/tiy/t.asp?f=hdom_onclick​​

onblur（ HTML事件屬性 ）

• onblur 事件會在對象失去焦點時發生。
• .

• 支援該事件的 JavaScript 對象：

    button, checkbox, fileUpload, layer, frame, password, radio, reset, submit, text, textarea, window

• 測試網址：
• ​​http://www.w3school.com.cn/tiy/t.asp?f=hdom_onblur​​

  最後，熟悉了 3 個事件屬性的用法，可能會有些頭目。可以看到onblur支援text–文本類型，修改後可以解決題目中描述的問題。