您的位置:首页 > Web前端 > JQuery

文本截断JQuery为textarea添加maxlength,并且兼容IE

2013-04-24 21:24 295 查看
每日一贴,今天的内容关键字为文本截断

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


文章结束给大家分享下程序员的一些笑话语录:

很多所谓的牛人也不过如此,离开了你,微软还是微软,Google还是Google,苹果还是苹果,暴雪还是暴雪,而这些牛人离开了公司,自己什么都不是。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: