<!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对象(实例)。
可以使用
可以使用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可以判断其值是否在变话。
//引入jQuery.js
<script>
$("#test").change(function(){//绑定修改事件
alert("触发了修改事件");
}
</script>
$(this).val();
})
自己根据需求扩展。。。本回答被提问者和网友采纳