当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript兼容firefox的文本输入长度提示

技术文章搜索

关键字

Javascript 中的 javascript兼容firefox的文本输入长度提示

---

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 366 ::
收藏到网摘: n/a

兼容Firefox和IE的onpropertychange事件oninput js字符编码函数区别分析

以下代码是兼容firefox的文本输入长度提示，实时显示输入的字符长度，当超过输入长度的时候自动截取。以实现文本输入长度限制，其中maxlength是设置的文本长度上限。

点击运行可以看到效果:<div id='msg'></div> <textarea maxlength="10" id="txt"></textarea> <script> function checkLen() {var obj=inputTxt var maxLen=parseInt(obj.getAttribute('maxlength')) //最大限制输入的字符数量 var len=obj.value.replace(/[^\x00-\xff]/g,'oo').length; var llen=maxLen-len; if(len>maxLen) { var i=0; for(var z=0;z<len;z++) { if(obj.value.charCodeAt(z)>255) { i=i+2; }else { i=i+1; } if(i>=maxLen) { obj.value=obj.value.slice(0,(z + 1)); break; } } } if(llen<0)llen=0 if(len<maxLen)len=maxLen document.getElementById('msg').innerHTML='已输入字符数量：'+len+' 剩余数量:'+llen } var inputTxt=document.getElementById('txt'); if(!/msie/i.test(navigator.userAgent)) inputTxt.addEventListener("input",checkLen,false); else {inputTxt.onpropertychange=checkLen} </script>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

兼容Firefox和IE的onpropertychange事件oninput js字符编码函数区别分析

评论 (0) All

登陆 还没注册？

设为首页 | 加入收藏 | 关于我们 | 联系我们 | 广告服务 | 网站地图 | 友情链接 | 在线帮助 | 免责声明 Sitemap W3school

如果您觉得本站不错，别忘了告诉您的同学和同事哟 ^_^

欢迎各网站转载我们的原创，转载时请注明出处。

All copyright is reserved by 软晨网（RuanChen.com）