jQuery表單事件之blur與focus和change事件


在之前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事件很簡單,無非就是注意下觸發的先后行為,可以看看右邊代碼參考


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM