JQuery为textarea添加maxlength,并且兼容IE
2013-04-24 18:28
330 查看
// 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为textarea添加maxlength属性并且兼容IE
- 文本截断JQuery为textarea添加maxlength,并且兼容IE
- JQuery为textarea添加maxlength属性并且兼容IE
- JQuery为textarea添加maxlength
- JQuery为textarea添加maxlength
- JQuery为textarea添加maxlength
- textarea 添加 MaxLength属性 支持 IE Mozilla Firefox
- table动态添加的tr 其click事件在IE兼容模式中不执行 jquery 1.9 的live事件 和获取 first last
- textarea字符查找并且高亮显示,兼容Chrome,IE
- 兼容IE与firefox火狐的回车事件(js与jquery)
- js获取textarea光标位置方法(兼容ie,ff)
- jquery 动态添加、按顺序添加input文本框并且实现删除操作
- 兼容IE和火狐的给表格添加行的JS代码
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器)
- Extjs 利用panel html属性加入DIV实现如TextArea的效果,并且能正确使用html标签,实现如向textarea文本域嵌入按钮button或其他控件,,而且兼容firefox
- 兼容IE与firefox火狐的回车事件(js与jquery)