jQuery change() 方法

实例

当 <input> 输入框更改时提醒:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $("input").change(function(){
  8. alert("文本已经被修改");
  9. });
  10. });
  11. </script>
  12. </head>
  13. <body>
  14. <input type="text">
  15. <p>在输入字段中写入内容,然后按回车键或在输入框外单击。</p>
  16. </body>
  17. </html>

定义与用法

change 事件发生在元素的值发生更改时(仅适用于 <input>、<textarea> 和 <select> 元素)。

change() 方法触发 change 更改事件,或在发生更改事件时附加要运行的函数。

注意:对于选择菜单,当选择一个选项时会触发更改事件。对于文本字段或文本区域,更改事件发生在内容更改后字段失去焦点时触发。

语法

触发所选元素的更改事件:

  1. $(selector).change()

将函数附加到更改事件:

  1. $(selector).change(function)
参数描述
function可选。指定所选元素发生更改事件时要运行的函数

更多实例

触发所选元素的更改事件

将函数附加到更改事件

分类导航