jquery怎么判断输入框中的值是不是改变
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery怎么判断输入框中的值是不是改变相关的知识，希望对你有一定的参考价值。
<!doctypehtml>
<html>
<head>
<metacharset="UTF-8">
<metaname="Generator"content="EditPlus®">
<metaname="Author"content="zzp">
<metaname="Keywords"content="">
<metaname="Description"content="">
<title>Document</title>
<styletype="text/css">
input:focus,textarea:focus
border:1pxsolid#f00;
background:#fcc;
.focus
border:1pxsolid#f00;
background:#fcc;
</style>
<scripttype="text/javascript"src="js/jquery-1.6.4.min.js"></script>
<scripttype="text/javascript">
vartemp;
$(function()
$(":input").focus(function()//获得焦点
alert(this.id);
alert("获得焦点时的值是："+(this).val());temp=.trim((this).val());alert(temp);(this).addClass("focus");//添加样式
).blur(function()//失去焦点
(this).removeClass("focus");//移除样式alert("失去焦点时的值是："+(this).val());
varlastValue=.trim((this).val());
if(temp!=lastValue&&null!=lastValue&&""!=lastValue)
alert("值改变了！");
else
alert("值没有变！");
/***/
);
);
</script>
</head>
<body>
<formaction="#"method="post"id="reFrom">
<fieldset>
<legend>个人信息</legend>
<div>
<label>名称：</label>
<inputid="username"type="text"value="admin">
</div>
<div>
<label>密码：</label>
<inputid="pass"type="text"value="123456">
</div>
<div>
<label>性别：</label>
<inputid="sex"name="sex"type="radio"value="1"checked="checked">男
<inputid="sex"name="sex"type="radio"value="2">女
</div>
<div>
<label>详细信息：</label>
<inputid="msg"type="text"value="获取值">
</div>
</fieldset>
</form>
</body>
</html>
扩展资料
change()函数用于为每个匹配元素的change事件绑定处理函数。该函数也可用于触发change事件。此外，你还可以额外传递给事件处理函数一些数据。change事件会在文本内容或选项被更改时触发。该事件仅适用于和以及。
对于text和textarea元素，该事件会在元素失去焦点时发生(文本内容也发生了更改)。可以为同一元素多次调用该函数，从而绑定多个事件处理函数。触发change事件时，jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。要删除通过change()绑定的事件，请使用unbind()函数。该函数属于jQuery对象(实例)。
参考技术A可以使用
可以使用onpropertychange和oninput方法来实现，onpropertychange的话，只要当前对象属性发生改变，都会触发事件，但是它是IE专属的，oninput是onpropertychange的非IE浏览器版本，支持firefox和opera等浏览器，但有一点不同，它绑定于对象时，并非该对象所有属性改变都能触发事件，它只在对象value值发生改变时奏效。
工具原料：jQuery、编辑器
1、实现的思路就是给input绑定一个oninput和onpropertychange方法当事件被触发的受判断输入框内容的长度进而可以判断其值是否在变化。
2、其实现的代码如下下：
$(function()$('#username').bind('input propertychange', function()
$('#result').html($(this).val().length + ' characters');
);
)
从其属性length可以判断其值是否在变话。
参考技术B 最笨的方法的就是键盘事件 参考技术C 比如<input type="text" id="test" name="username">//引入jQuery.js
<script>
$("#test").change(function()//绑定修改事件
alert("触发了修改事件");
</script> 参考技术D $('xx').change(function()
$(this).val();
)
自己根据需求扩展。。。本回答被提问者和网友采纳
jQuery中怎样判断文本框是不是聚焦
监测用户是否点击过文本框，做不一样的统计
参考技术A http://zhidao.baidu.com/question/225070015.html要多动手啊骚年。楼上的直接跑题。 参考技术B
你可以给点击过的 input 添加一个 class，例如 clicked，然后在 focus 的时候检查
$("input:text").focus(function()
// 点击过
if($(this).hasClass("clicked"))
// 处理...
// 没有点击过
else
// 添加 class
$(this).addClass("clicked");
// 处理...
);
);本回答被提问者和网友采纳
以上是关于jquery怎么判断输入框中的值是不是改变的主要内容，如果未能解决你的问题，请参考以下文章
jquery如何判断多个输入框是不是有值，在线等啊~~~~~~~~~~~~~~~