input 文本框内容改变,我们可以使用onchange或者onblur来进行判断,但是onchange是在文本内容改变,然后失去焦点的时候发生,onblur是在失去焦点时候发生,不会判断文本内容是否改变。
//按键弹起时触发事件
$("#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>");
});