jquery怎麼設定input值改變時觸發事件-前端問答-PHP中文網

jquery怎麼設定input值改變時觸發事件

WBOY

發布： 2022-05-17 11:05:02

原創

8535 人瀏覽過

在jquery中，可以利用change()方法設定input值改變時觸發事件，該方法用於設定當元素的值改變時發生change事件，也可以規定當事件發生時運行的函數，語法為「input元素物件.change(事件發生觸發代碼)」。

jquery怎麼設定input值改變時觸發事件

本教學操作環境：windows10系統、jquery3.2.1版本、Dell G3電腦。

jquery怎麼設定input值改變時觸發事件

當元素的值改變時發生 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值改變時觸發事件