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

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

WS_2017

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

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： html笔记

本文链接：https://blog.youkuaiyun.com/WS_2017/article/details/93040703

html笔记专栏收录该内容

3 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

限制文本域只能输入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{
        //没有超过行数
    }
});