在之前2.8與2.9節我們學過了表單處理事件focusin事件與focusout事件,同樣用於處理表單焦點的事件還有blur與focus事件
它們之間的本質區別:
是否支持冒泡處理
舉個簡單的例子
<div> <input type="text" /> </div>
其中input元素可以觸發focus()事件
div是input的父元素,當它包含的元素input觸發了focus事件時,它就產生了focusin()事件。
focus()在元素本身產生,focusin()在元素包含的元素中產生
blur與focusout也亦是如此
jQuery表單事件之change事件
<input>元素,<textarea>和<select>元素的值都是可以發生改變的,開發者可以通過change事件去監聽這些改變的動作
input元素
監聽value值的變化,當有改變時,失去焦點后觸發change事件。對於單選按鈕和復選框,當用戶用鼠標做出選擇時,該事件立即觸發。
select元素
對於下拉選擇框,當用戶用鼠標作出選擇時,該事件立即觸發
textarea元素
多行文本輸入框,當有改變時,失去焦點后觸發change事件
change事件很簡單,無非就是注意下觸發的先后行為,可以看看右邊代碼參考