您好,登錄后才能下訂單哦!
本篇內容介紹了“jquery如何設置input值改變時觸發事件”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!
在jquery中,可以利用change()方法設置input值改變時觸發事件,該方法用于設置當元素的值改變時發生change事件,也可以規定當事件發生時運行的函數,語法為“input元素對象.change(事件發生觸發代碼)”。
本教程操作環境:windows10系統、jquery3.2.1版本、Dell G3電腦。
當元素的值改變時發生 change 事件(僅適用于表單字段)。
change() 方法觸發 change 事件,或規定當發生 change 事件時運行的函數。
注意:當用于 select 元素時,change 事件會在選擇某個選項時發生。當用于 text field 或 text area 時,change 事件會在元素失去焦點時發生。
語法
觸發被選元素的 change 事件:
$(selector).change()
添加函數到 change 事件:
$(selector).change(function)
function 可選。規定針對被選元素當 change 事件發生時運行的函數。
示例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("input").change(function(){ alert("文本已被修改"); }); }); </script> </head> <body> <input type="text"> <p>在輸入框寫一些東西,然后按下 enter 鍵或點擊輸入框外部。</p> </body> </html>
輸出結果:
修改文本內容后:
“jquery如何設置input值改變時觸發事件”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站,小編將為大家輸出更多高質量的實用文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。