判断文本框是否超过行数限制

最新推荐文章于 2024-07-16 13:33:36 发布

原创最新推荐文章于 2024-07-16 13:33:36 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

html笔记专栏收录该内容

3 篇文章

订阅专栏

博客介绍了限制文本域只能输入10行的方法，主要包括判断textarea高度和内容高度，以及判断是否有滚动条，这些内容与前端开发中对文本域的控制相关。

限制文本域只能输入10行：

<textarea rows="10" id="text1"></textarea>

1、判断textarea高度和内容高度

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

2、判断是否有滚动条

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