JQuery为textarea添加maxlength属性并且兼容IE


Posted in Javascript onApril 25, 2013

// JQuery为textarea添加maxlength
// textarea默认不支持maxlength属性。
// 通过JQuery的keyup事件:
JQuery代码如下

<script type="text/javascript"> 
$(function(){ 
//IE也能用textarea 
$("textarea[maxlength]").keyup(function(){ 
var area=$(this); 
var max=parseInt(area.attr("maxlength"),10); //获取maxlength的值 
if(max>0){ 
if(area.val().length>max){ //textarea的文本长度大于maxlength 
area.val(area.val().substr(0,max)); //截断textarea的文本重新赋值 
} 
} 
}); 
//复制的字符处理问题 
$("textarea[maxlength]").blur(function(){ 
var area=$(this); 
var max=parseInt(area.attr("maxlength"),10); //获取maxlength的值 
if(max>0){ 
if(area.val().length>max){ //textarea的文本长度大于maxlength 
area.val(area.val().substr(0,max)); //截断textarea的文本重新赋值 
} 
} 
}); 
}); 
</script>

html:
<textarea style="width:300px; height:60px;" maxlength="10"></textarea>
Javascript 相关文章推荐
一些mootools的学习资源
Feb 07 Javascript
js动态添加表格数据使用insertRow和insertCell实现
May 22 Javascript
jQuery源码解读之addClass()方法分析
Feb 20 Javascript
vue-router跳转页面的方法
Feb 09 Javascript
关于webpack代码拆分的解析
Jul 20 Javascript
深入理解Vue Computed计算属性原理
May 29 Javascript
Vue中的情侣属性$dispatch和$broadcast详解
Mar 07 Javascript
jquery中attr、prop、data区别与用法分析
Sep 25 jQuery
vue项目使用.env文件配置全局环境变量的方法
Oct 24 Javascript
JavaScript中的函数申明、函数表达式、箭头函数
Dec 06 Javascript
redux处理异步action解决方案
Mar 22 Javascript
javascript中contains是否包含功能实现代码(扩展字符、数组、dom)
Apr 07 Javascript
同时使用n个window onload加载实例介绍
Apr 25 #Javascript
上传的js验证(图片/文件的扩展名)
Apr 25 #Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
Apr 25 #Javascript
JQUERY对单选框(radio)操作的小例子
Apr 25 #Javascript
jQuery中 noConflict() 方法使用
Apr 25 #Javascript
只需20行代码就可以写出CSS覆盖率测试脚本
Apr 24 #Javascript
js Array对象的扩展函数代码
Apr 24 #Javascript
You might like
php表单请求获得数据求和示例
2014/05/15 PHP
ThinkPHP模板标签eq if 中区分0,null,false的方法
2017/03/24 PHP
php实现的生成迷宫与迷宫寻址算法完整实例
2017/11/06 PHP
javascript基础第一章 JavaScript与用户端
2010/07/22 Javascript
js中的replace方法使用介绍
2013/10/28 Javascript
jQuery将多条数据插入模态框的示例代码
2014/09/25 Javascript
jquery实现点击查看更多内容控制段落文字展开折叠效果
2015/08/06 Javascript
jQuery仿淘宝网产品品牌隐藏与显示效果
2015/09/01 Javascript
详解刷新页面vuex数据不消失和不跳转页面的解决
2018/01/30 Javascript
解决循环中setTimeout执行顺序的问题
2018/06/20 Javascript
解决vuejs 使用value in list 循环遍历数组出现警告的问题
2018/09/26 Javascript
微信小程序实现蒙版弹窗效果
2018/11/01 Javascript
vscode下的vue文件格式化问题
2018/11/28 Javascript
vuejs简单验证码功能完整示例
2019/01/08 Javascript
JS获取本地地址及天气的方法实例小结
2019/05/10 Javascript
解决vue-cli 打包后自定义动画未执行的问题
2019/11/12 Javascript
Vue Render函数创建DOM节点代码实例
2020/07/08 Javascript
[48:56]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 VG vs KG
2018/03/31 DOTA
[02:55]2018DOTA2国际邀请赛勇士令状不朽珍藏Ⅲ饰品一览
2018/08/01 DOTA
python学习之第三方包安装方法(两种方法)
2015/07/30 Python
一个可以套路别人的python小程序实例代码
2019/04/09 Python
python如何制作缩略图
2019/04/30 Python
Python设置matplotlib.plot的坐标轴刻度间隔以及刻度范围
2019/06/25 Python
Python如何使用BeautifulSoup爬取网页信息
2019/11/26 Python
OpenCV图片漫画效果的实现示例
2020/08/18 Python
html5中canvas学习笔记1-画板的尺寸与实际显示尺寸
2013/01/06 HTML / CSS
HTML5实现WebSocket协议原理浅析
2014/07/07 HTML / CSS
英国女士家居服网站:hush
2017/08/09 全球购物
正宗的澳大利亚Ugg靴子零售商:UGG Express
2020/04/19 全球购物
高中生的学习总结自我鉴定
2013/10/26 职场文书
大学生写自荐信的技巧
2014/01/08 职场文书
财务部副经理岗位职责
2014/03/14 职场文书
幼儿园六一儿童节文艺汇演主持词
2014/03/21 职场文书
市政管理求职信范文
2014/05/07 职场文书
PHP命令行与定时任务
2021/04/01 PHP
Java8 Stream API 提供了一种高效且易于使用的处理数据的方式
2022/04/13 Java/Android