判断textarea是否超过行数限制

最新推荐文章于 2023-12-25 16:17:06 发布

优小U

最新推荐文章于 2023-12-25 16:17:06 发布

阅读量9.7k

点赞数

分类专栏： Web前端文章标签： textarea 行数限制滚动条

本文为博主原创文章，未经博主允许不得转载，违者必究。

本文链接：https://blog.youkuaiyun.com/zy1281539626/article/details/77984526

版权

Web前端专栏收录该内容

79 篇文章

订阅专栏

限制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:没有超过行数
    }
});