解决ie8下onpropertychange事件间歇性失效的问题

躁动的青年

于 2020-05-15 07:37:01 发布

阅读量203

点赞数

分类专栏： js 文章标签： ie8 onpropertychange

本文链接：https://blog.csdn.net/haveqing/article/details/84514814

版权

js 专栏收录该内容

39 篇文章 0 订阅

订阅专栏

有的时候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