当前位置: 移动技术网 > IT编程>开发语言>JavaScript > JQuery为textarea添加maxlength属性并且兼容IE

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

2019年01月09日  | 移动技术网IT编程  | 我要评论
// jquery为textarea添加maxlength // textarea默认不支持maxlength属性。 // 通过jquery的keyup事件: jquery代码如下: 代码 代码如下

// 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>

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网