文本框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;
}

你可能感兴趣的:(js)