JQuery为textarea添加maxlength属性并且兼容IE
时间：2021-01-20 14:18:31|栏目：jquery|点击： 次
// 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>
// 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 mobile 实现自定义confirm确认框效果的简单实例
栏 目：jquery
下一篇：浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法
本文标题：JQuery为textarea添加maxlength属性并且兼容IE
本文地址：http://www.codeinn.net/misctech/48325.html
