文本框input 添加onBlur、onkeyup 、onchange事件

onchange
在用于文本框输入框时,有一个明显的不足. 事件不会随着文字的输入而触发,而是等到文本框失去焦点(onblur)时才会触发. 也就是没有即时性! 且必须值变化才触发

onblur
与onchange基本相同，唯一的区别是 不管值是否变化，都触发

onkeyup
只要输入框内容发生变化即可触发，但是无法检测复制粘贴

附带方法，判断文本内容长度是否超限

function lengthResult(){
	 var title = $("#id1").val();
	 var namelength = getByteLen(title);
	 if(namelength<10 ){
		$("#id2").html('
名称太短
');
	}else{
		$("#id2").html('');
	}
	if(namelength>72){
//		$("#id2").html('
名称超长
');
		var value = $("#id1").val();
		var chars = "";
		var len = 0;
		for (var i = 0; i < value.length; i++) {
	         var a = value.charAt(i);
	        
	         if (a.match(/[^\x00-\xff]/ig) != null) 
	        {
	            len += 2;
	        }
	        else
	        {
	            len += 1;
	        }
	         if(len>72){
	        	 $("#id1").val(chars);
	        	 break;
	         }else{
	         }
	         chars+=a;
	    }
	}
}

//判断字符串长度，汉字2，数字字母1

function getByteLen(val) {
    var len = 0;
    for (var i = 0; i < val.length; i++) {
         var a = val.charAt(i);
         if (a.match(/[^\x00-\xff]/ig) != null) 
        {
            len += 2;
        }
        else
        {
            len += 1;
        }
    }
    return len;
}