jquery文本框回车与change事件示例

发布时间:2019-07-23编辑:脚本学堂
本文介绍了jquery文本框回车事件,以及change事件的例子,文本框的改变用change事件,要用bind,区别在于change只是在失去焦点时触妇,有时不能满足需要。

jquery文本框回车与change事件

1,文本框的改变用change事件,要用bind,区别在于change只是在失去焦点时触妇,有时不能满足需要。
例子: 
 

复制代码 代码示例:
$('#flowfromid').bind("propertychange",function(){
//你的内容
});

2,文本框回车事件
 

复制代码 代码示例:
$(document).ready(function () {
$("#txt_JumpPager").keydown(function (e) {
var curKey = e.which;
if (curKey == 13) {
$("#lbtn_JumpPager").click();
return false;
}
});
});

补充:
 

$("#txtEmail").trigger("focus"); //默认时文本框获得焦点
$("#txtEmail").focus(function () { //文本框获取焦点事件
 

都是非常好用的。(www.jb200.com)

例子: 
 

复制代码 代码示例:
<input id="username" type="text" />
<input id="pass" type="password" />
<textarea id="msg" rows="2" cols="20"></textarea>
<script type="text/javascript">
    $(function(){
        $(":input").focus(function(){
              $(this).addClass("focus");
        }).blur(function(){
              $(this).removeClass("focus");
        });
    })
</script>
 

使用:input匹配所有的input元素,当获取焦点时,就添加样式focus,通过$(this)自动识别当前的元素。
focus()方法是获取焦点事件发生时执行的函数。
blur()方法是失去焦点事件发生时执行的函数。

您可能感兴趣的文章: