解决ie8下onpropertychange事件间歇性失效的问题「建议收藏」

大家好，又见面了，我是你们的朋友全栈君。

有的时候onpropertychange事件一下好用，一下不好用

网上有的说去掉<!DOCTYPE html>就好了，

我试了下，虽然然管用，但doctype是推荐加上的，去掉他有些东西会乱。

如果文本框的样式中有width属性，没有height属性就会出现此问题，不知道是什么原因

<input type=”text” id=”name” name=”name” value=”<c:out value=’${name}’/>” style=”width:150px;” maxlength=”7″ />

解决办法

给样式中有宽度，没有高度的，加上高度。

/**
 * 为form中的文本框绑定验证最大长度事件（按字节）
 * 
 * @param fromName
 */
function bindMaxLength(fromName,height){
	if(typeof(height) == "undefined"){
		height = 16;
	}
	$("form[name="+fromName+"] input[type=text]").each(function(){
		if(typeof ($(this).attr("maxlength"))!="undefined"){
//			alert("width"+this.style.width);
//			alert("width"+$(this).css("width")); //会取到默认宽度
			//解决ie8下onpropertychange事件间歇性失效的问题
			if(this.style.width != "" && this.style.height==""){
				this.style.height = height+"px";
			}
			$(this).bind('input propertychange', function() {
					var inputLength = this.value.replace(/[^\x00-\xff]/g, 'xxx').length;
					var maxlength = parseInt($(this).attr("maxlength"));
					if(inputLength > maxlength){
						this.value = this.value.subStringByBytes(maxlength);
					}
			}); 
		}
	});
}

subStringByBytes

JS按字节计算字符串长度，按字节截取字符串

http://happyqing.iteye.com/blog/1979816

发布者：全栈程序员-用户IM，转载请注明出处：https://javaforall.cn/126379.html原文链接：https://javaforall.cn

【正版授权，激活自己账号】： Jetbrains全家桶Ide使用，1年售后保障，每天仅需1毛

【官方授权正版激活】： 官方授权正版激活支持Jetbrains家族下所有IDE 使用个人JB账号...