jquery 文本框回车与change事件

 　　文本框的改变用change事件

　　要用bind，两个是有区别的，change只是在失去焦点的时候出发，很多时候不能满足需要。

 代码如下  

$('#flowfromid').bind("propertychange",function(){

//你的内容

});

　　文本框回车事件

 代码如下  

$(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 () { //文本框获取焦点事件

　　都是非常好用的

 代码如下  

<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()方法是失去焦点事件发生时执行的函数。

时间： 2024-11-16 09:41:35

jquery 文本框回车与change事件的相关文章

jQuery简单设置文本框回车事件的方法_jquery

本文实例讲述了jQuery简单设置文本框回车事件的方法.分享给大家供大家参考,具体如下: $(document).ready(function () { $("#txt_JumpPager").keydown(function (e) { var curKey = e.which; if (curKey == 13) { $("#lbtn_JumpPager").click(); return false; } }); }); 其中的txt_JumpPager为文本

JavaScript监听文本框回车事件并过滤文本框空格的方法_javascript技巧

本文实例讲述了JavaScript监听文本框回车事件并过滤文本框空格的方法.分享给大家供大家参考.具体如下: <script type="text/javascript" language="javascript"> var username = null; var password = null; //获取文本框 onload = function() { username = document.getElementById("txtUser

jquery文本框中的事件应用以输入邮箱为例_jquery

文本框中的事件应用:以输入邮箱为例,如图: 代码如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head

jQuery 文本框事件绑定与取消代码

jquery 绑定事件 目前1.7以上,jquery的事件绑定已经用on替换了原来的bind: 区别:(个人理解)bind是一次绑定事件到每一个子节点:on是只绑定到父节点,然后冒泡到各个子节点: 用法:bind  代码如下 复制代码 一个事件,一个方法:$(".class input").bind('click',function(e){...;e.stopPropagation;}) 两个事件,一个方法:$(".class input").bind('click

jQuery文本框(input textare)事件绑定方法教程_jquery

目前1.7以上,jquery​的事件绑定已经用on替换了原来的bind,接下来为大家介绍下bind的使用方法及input textare事件,感兴趣的朋友可以参考下 (1)jquery 绑定事件 目前1.7以上,jquery的事件绑定已经用on替换了原来的bind: 区别:(个人理解)bind是一次绑定事件到每一个子节点:on是只绑定到父节点,然后冒泡到各个子节点: 用法:bind 一个事件,一个方法:$(".class input").bind('click',function(e)

js光标定位文本框回车表单提交问题的解决方法

  本文实例讲述了js光标定位文本框回车表单提交问题的解决方法.分享给大家供大家参考.具体分析如下: 当光标定位在辅助查找的文本框后回车,页面会出现方法的返回的json串. 原因:When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form. 翻译一下:当form中只有一个

jQuery 文本框得失焦点的实例介绍

 本篇文章主要是对jQuery 文本框得失焦点的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 版本一   css代码部分:   代码如下: .focus {       border: 1px solid #f00;      background: #fcc; }    当焦点获得时,添加focus样式,添加边框,并改背景色为#fcc   html代码部分:  代码如下: <body>     <form action="" method=&qu

jQuery文本框得到与失去焦点动态改变样式效果_jquery

本文实例讲述了jQuery文本框得到与失去焦点动态改变样式效果.分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> body { font: nor

js光标定位文本框回车表单提交问题的解决方法_javascript技巧

本文实例讲述了js光标定位文本框回车表单提交问题的解决方法.分享给大家供大家参考.具体分析如下: 当光标定位在辅助查找的文本框后回车,页面会出现方法的返回的json串. 原因:When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form. 翻译一下:当form中只有一个in