手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JQuery为textarea添加maxlength属性并且兼容IE
JQuery为textarea添加maxlength属性并且兼容IE
摘要://JQuery为textarea添加maxlength//textarea默认不支持maxlength属性。//通过JQuery的keyu...

// 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 maxlength="10"></textarea>

【JQuery为textarea添加maxlength属性并且兼容IE】相关文章:

JQuery中clone方法复制节点

JavaScript中的parse()方法使用简介

JS原型、原型链深入理解

textarea是否自动换行

jquery中添加属性和删除属性

JQuery中Text方法用法实例分析

获取阴历(农历)和当前日期的js代码

Jquery使用val方法读写value值

JQuery中DOM加载与事件执行实例分析

JavaScript中的Math.SQRT1_2属性使用简介

精品推荐
分类导航