JQuery為textarea添加maxlength屬性並且相容IE

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