zl程序教程

您现在的位置是:首页 >  其它

当前栏目

判断textarea是否超过行数限制

判断 是否 限制 超过 textarea
2023-09-11 14:19:17 时间

限制textarea文本域只能输入5行:

<textarea rows="5" id="demo"></textarea>

1.判断是否有滚动条

$("#demo").on("input",function(){
    var realHeight = document.getElementById("demo").scrollHeight;
    document.getElementById("demo").scrollTop=realHeight;
    if($(this).scrollTop>0){
        //TODO:超过行数
    }else{
        //TODO:没有超过行数
    }
});

2.判断textarea高度和内容高度

$("#demo").on("input",function(){
    var realHeight = document.getElementById("demo").scrollHeight;
    var clientHeight = document.getElementById("demo").clientHeight;
    document.getElementById("demo").scrollTop=realHeight;
    if(realHeight>clientHeight){
        //TODO:超过行数
    }else{
        //TODO:没有超过行数
    }
});