jquery文本框改变事件
2015-09-10 23:00
609 查看
可参考如下几个事件:
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>TEXTBOX EVENT</title> <script src="jquery-ui-1.11.4.custom/external/jquery/jquery.js"></script> <script> $(document).ready(function(){ //按键弹起时触发事件 $("#mytext").keyup(function(){ var txtChange = $("#mytext").val(); $("#p1").html("<p>"+txtChange+"</p>"); }); //按键按下时触发事件(先响应事件,再显示输入结果(获得的是上一次结果),可能被输入法拦截) $("#mytext2").keypress(function(){ var txtChange = $("#mytext2").val(); $("#p2").html("<p>"+txtChange+"</p>"); }); //属性改变时触发事件(不管是获得焦点还是value改变等,目前只在IE下有效) $("#mytext3").bind("propertychange",function(){ var txtChange = $("#mytext3").val(); $("#p3").html("<p>"+txtChange+"</p>"); }); //焦点离开时触发事件 $("#mytext4").change(function(){ var txtChange = $("#mytext4").val(); $("#p4").html("<p>"+txtChange+"</p>"); }); //获得焦点时触发事件 $("#mytext5").focus(function(){ var txtChange = $("#mytext5").val(); $("#p5").html("<p>"+txtChange+"</p>"); }); }) </script> </head> <body> <input type="text" id="mytext" name="test" class="txt" value="key up "/> <p id="p1"></p> <input type="text" id="mytext2" name="test" class="txt" value="key press "/> <p id="p2"></p> <input type="text" id="mytext3" name="test" class="txt" value="just useful in IE"/> <p id="p3"></p> <input type="text" id="mytext4" name="test" class="txt" value="change"/> <p id="p4"></p> <input type="text" id="mytext5" name="test" class="txt" value="focus"/> <p id="p5"></p> </body> <script> </script> </html>
相关文章推荐
- jQuery源码之$.data()数据缓存
- jQuery学习笔记——弹出对话框
- jquery && ajax check username
- jQuery 的选择器
- jQuery的简单了解
- jquery操作select
- jQuery常用的元素查找方法总
- Jquery中替换节点的方法replaceWith()和replaceAll()
- jquery 判断checkbox是否选中
- JQuery绑定回车事件
- jquery获得下拉列表选中值和文本
- jQuery select年月日(生日)选择器
- jquery 异步调用方法中不能给全局变量赋值的原因及解决办法
- JQUERY 选择
- jquery插件之拖拽改变元素大小
- jquery的showLoading遇到的奇葩问题--正在查询
- 【jQuery】点击缩略图查看大图-imgbox
- JQuery select与radio的取值与赋值
- jquery ui各种验证代码
- jquery学习(3)--高级选择器