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>
JQuery为textarea添加maxlength属性并且兼容IE
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@