在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视频教程
以上是jquery怎么设置input值改变时触发事件的详细内容。更多信息请关注PHP中文网其他相关文章!