jQuery change事件
一個元素的值改變的時候將觸發change事件。
此事件僅限用於<input>元素,<textarea>和<select>元素。
對於下拉選擇框,核取方塊和單選按鈕,當使用者用滑鼠作出選擇,該事件立即觸發,但對於其他型別的input元素,該事件觸發將推遲,直到元素失去焦點才會觸點。
語法結構一:
[JavaScript] 純文字檢視 複製程式碼.change(handler)
引數解析:
(1).handler:事件處理函式;eventObject是傳遞給事件處理函式的時間物件。
jQuery1.0版本新增。
語法機構二:
[JavaScript] 純文字檢視 複製程式碼.change([eventData ], handler)
引數解析:
(1).eventData:可選,當一個事件被觸發時,要傳遞給event.data的資料。
(2).handler:事件處理函式;eventObject是傳遞給事件處理函式的時間物件。
jQuery1.4.3版本新增。
語法結構三:
[JavaScript] 純文字檢視 複製程式碼.change()
引數解析:
不傳遞引數,呼叫此方法會執行事件處理函式。
jQuery1.0版本新增。
程式碼例項:
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="https://code.jquery.com/jquery-3.0.0.js"></script> <script> $(document).ready(function () { $("#sel").change(function () { $("#result").text($(this).val()); }) }) </script> </head> <body> <form> <select id="sel"> <option value="1" selected="selected">螞蟻部落一</option> <option value="2">螞蟻部落二</option> </select> </form> <div id="result"></div> </body> </html>
選擇器select下拉選單項會觸發change事件。
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="https://code.jquery.com/jquery-3.0.0.js"></script> <script> $(document).ready(function () { var infor = { webSite:"螞蟻部落" } $("#sel").change(infor, function (ev) { var str =ev.data.webSite+":"+$(this).val(); $("#result").text(str); }) }) </script> </head> <body> <form> <select id="sel"> <option value="1" selected="selected">螞蟻部落一</option> <option value="2">螞蟻部落二</option> </select> </form> <div id="result"></div> </body> </html>
相關文章
- jQuery的change事件程式碼演示jQuery事件
- JavaScript change 事件JavaScript事件
- js change 事件JS事件
- input事件和change事件區別事件
- input與change事件區別事件
- 如何觸發react input change事件React事件
- select下拉選單 change事件事件
- jquery事件jQuery事件
- jQuery 事件jQuery事件
- jQuery 事件方法jQuery事件
- jQuery 事件冒泡jQuery事件
- jQuery hover事件jQuery事件
- jQuery事件物件jQuery事件物件
- jQuery mousemove 事件jQuery事件
- jQuery mouseup事件jQuery事件
- jQuery mousedown事件jQuery事件
- jQuery mouseout 事件jQuery事件
- jQuery mouseover事件jQuery事件
- jQuery mouseenter事件jQuery事件
- jQuery dblclick事件jQuery事件
- jQuery click事件jQuery事件
- jQuery submit事件jQueryMIT事件
- jQuery focusout事件jQuery事件
- jQuery focusin事件jQuery事件
- jQuery blur事件jQuery事件
- jQuery focus事件jQuery事件
- jQuery scroll事件jQuery事件
- jQuery resize事件jQuery事件
- jQuery error事件jQueryError事件
- jQuery----事件jQuery事件
- jQuery 事件(二) 表單事件jQuery事件
- 36. jQuery 事件jQuery事件
- jQuery事件監聽jQuery事件
- jQuery 事件委託jQuery事件
- jQuery contextmenu事件jQueryContext事件
- jQuery mouseleave事件jQuery事件
- jQuery keyup事件jQuery事件
- jQuery keypress事件jQuery事件