×

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

作者:Terry2017.02.04来源:Web前端之家浏览:10954评论:0
关键词:JQueryJS
// 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>

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/svg1486137600721.html

网友评论文明上网理性发言已有0人参与

发表评论: