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

有的时候onpropertychange事件一下好用,一下不好用网上有的说去掉<!DOCTYPEhtml>就好了,我试了下,虽然然管用,但doctype是推荐加上的,去掉他有些东西会乱。如果文本框的样式中有width属性,没有height属性就会出现此问题,不知道是什么原因<inputtype="text"id="name"name="na…

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

 

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/126379.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 【spring】IoC原理[通俗易懂]

    【spring】IoC原理[通俗易懂]【spring】IoC原理

    2022年4月25日
    55
  • windows平台下载android源码

    最近在看《android内核剖析》,很多细节不具体看代码很难理解,记住了印象也不深,感觉还是跟着源码走一遍好些,回来下载android源码,遇到不少问题,终于开始下载了,整理下流程,鉴于网上很多教程时间久了都会失效,本文截止14年4月18日亲测有效。需要工具如下:下载msysgit,安装     官方下载:http://code.google.com/p/msysgit/downloads

    2022年3月11日
    34
  • centos7 mysql重置密码_mysql查看root密码

    centos7 mysql重置密码_mysql查看root密码按照这里的步骤进行但是在进行到step5的时候执行这个命令会出现如下错误Fatalerror:Pleaseread“Security”sectionofthemanualtofindouthowtorunmysqldasroot!mysql不会默认以root用户启动mysqld,所以要显式地指明启动用户是root。使用如下命令可以解决mysqld–user=root–init-file=你编写的init文件路径&加&的目的是后台

    2022年10月15日
    2
  • 牛顿法和梯度下降法_最优化次梯度法例题

    牛顿法和梯度下降法_最优化次梯度法例题我们每个人都会在我们的生活或者工作中遇到各种各样的最优化问题,比如每个企业和个人都要考虑的一个问题“在一定成本下,如何使利润最大化”等。最优化方法是一种数学方法,它是研究在给定约束之下如何寻求某些因素

    2022年8月5日
    6
  • 数据库导入sql文件_mysql导入sql文件命令

    数据库导入sql文件_mysql导入sql文件命令Sql文件导入数据库-保姆级教程,铁打的保姆,希望对大家能有所帮助,不要忘了点赞+收藏哦

    2022年10月2日
    2
  • html5开发手机端网页(移动端web开发的几种方式)

    最近一直在研究移动手机网站的开发,发现做手机网站没有想象中的那么难。为什么会这么说呢?我们试想下:我们连传统的PC网站都会做,难道连一个小小的手机网站难道都搞不定吗?其实手机网站就是一个微缩版的PC网站罢了!至于为什么觉得难、觉得无从下手。段亮觉得有以下几点:一、没有完整的思路和流程就像做网站的流程一样,如果你能知道它的流程,我相信就不会觉得做手机网站难!真正难的是你没有思

    2022年4月18日
    51

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号