jquery的表單事件

表單事件是web開發中常用的事件，以jquery爲例，梳理一下jquery的表單事件。

1、blur事件

爲<input>元素，<textarea>失去焦點的時候觸發的。

2、focus事件

爲<input>元素，<textarea>獲取焦點的時候觸發的。

3、change事件

<input>，<textarea>和<select>的值都是可以發生改變的，可以通過change事件監聽元素改變的動作，

input元素：監聽input中value值的變化，當value改變時，失去焦點後觸發change事件。對於單選按鈕和複選框，當用戶用鼠標做出選擇時，該事件立即觸發。

select元素：對於下拉選擇框，當用戶用鼠標作出選擇時，該事件立即觸發。

textarea元素：多行文本輸入框，當有改變時，失去焦點後觸發change事件。

4、submit事件

提交表單在涉及到輸入內容時會有很多業務場景，如登錄、註冊、修改密碼、找回密碼等情況。

<input type="submit"> 按回車是提交

<form action="aaaa.html" method="post">
	<input type="text" name="" id="" value="" />
	<input type="submit" value="提交操作"/>
</form>

<input type="image">

<form action="aaaa.html" method="post">
	<input type="text" name="" id="" value="" />
	<input type="image" value="提交操作"/>
</form>

<button type="submit">

<form action="aaaa.html" method="post">
	<input type="text" name="" id="" value="" />
	<button type="submit">提交操作</button>
</form>

5、select事件

select事件只能用於<input>元素與<textarea>元素，當 textarea 或文本類型的 input 元素中的文本被選擇時，會發生 select 事件。這個函數會調用執行綁定到select事件的所有函數，包括瀏覽器的默認行爲。可以通過在某個綁定的函數中返回false來防止觸發瀏覽器的默認行爲。