jquery文字填写自动高度的实现方法

jQuery 2019-01-06

下面开始写一个jquery插件

opts.minHeight) { if (opts.maxHeight && this.scrollHeight > opts.maxHeight) { height = opts.maxHeight; style.overflowY = 'scroll'; } else { height = this.scrollHeight; style.overflowY = 'hidden'; } style.height = height + 'px'; } }); }); }; })(jQuery);

调用 代码示例：

rush:js;">

<script type="text/javascript">
<p>$(".chackTextarea-area").autoTextarea({<br />
maxHeight: 220,//文本框是否<a href="https://www.jb51.cc/tag/zidong/" target="_blank" class="keywords">自动</a>撑高，<a href="https://www.jb51.cc/tag/mo/" target="_blank" class="keywords">默</a>认：null，不<a href="https://www.jb51.cc/tag/zidong/" target="_blank" class="keywords">自动</a>撑高；如果<a href="https://www.jb51.cc/tag/zidong/" target="_blank" class="keywords">自动</a>撑高必须输入数值，该值作为文本框<a href="https://www.jb51.cc/tag/zidong/" target="_blank" class="keywords">自动</a>撑高的最大高度<br />
});</pre></p>
</div>
<p>以上这篇jquery<a href="https://www.jb51.cc/tag/wenzi/" target="_blank" class="keywords">文字</a>填写<a href="https://www.jb51.cc/tag/zidong/" target="_blank" class="keywords">自动</a>高度的<a href="https://www.jb51.cc/tag/shixianfangfa/" target="_blank" class="keywords">实现方法</a>就是小编<a href="https://www.jb51.cc/tag/fenxiang/" target="_blank" class="keywords">分享</a>给大家的全部<a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a>了，希望能给大家<a href="https://www.jb51.cc/tag/yige/" target="_blank" class="keywords">一个</a>参考，也希望大家多多<a href="https://www.jb51.cc/tag/zhichi/" target="_blank" class="keywords">支持</a>编程之家。</p><div class="topcard-tags"><a href="https://m.jb51.cc/tag/jqueryp/" class="tag_link" target="_blank">jquery</a><a href="https://m.jb51.cc/tag/zidonggaodu/" class="tag_link" target="_blank">自动高度</a></div>
                </div>
              </div>
          </div>
            
            <div class="clearfix"></div>

            <div class="col-sm-12 col-md-12 col-lg-12">
              <div class="card">
                <div class="title"><h1>相关文章</h1></div><div class="list_con">
                <img src="https://m.jb51.cc/res/2024/09-23/21/f762ffd96e92560dc2ae6f9e967f2ad0.png" width="100" height="64" style="float:right;margin-left:20px;" />
              <div class="title">
                <a href="https://m.jb51.cc/jquery/4739660.html" title="jquery页面搜索关键词突出显示">jquery页面搜索关键词突出显示</a>
              </div>
              <div class="summary">页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...</div>
            </div><div class="list_con">
              <div class="title">
                <a href="https://m.jb51.cc/jquery/4739659.html" title="jQuery实时显示日期、时间">jQuery实时显示日期、时间</a>
              </div>
              <div class="summary">jQuery实时显示日期、时间 html: &lt;span id=&quot...</div>
            </div><div class="list_con">
              <div class="title">
                <a href="https://m.jb51.cc/jquery/4739658.html" title="jQuery 添加水印">jQuery 添加水印</a>
              </div>
              <div class="summary">jQuery 添加水印 &lt;script src=&quot;../../../.....</div>
            </div><div class="list_con">
              <div class="title">
                <a href="https://m.jb51.cc/jquery/4739657.html" title="Sys.WebForms.PageRequestManagerParserErrorException:无法分析从服务器收到的消息">Sys.WebForms.PageRequestManagerParserErrorException:无法分析从服务器收到的消息</a>
              </div>
              <div class="summary">中文：Sys.WebForms.PageRequestManagerParserErrorExceptio...</div>
            </div><div class="list_con">
              <div class="title">
                <a href="https://m.jb51.cc/jquery/4739656.html" title="Asp.net 后台调用js方法">Asp.net 后台调用js方法</a>
              </div>
              <div class="summary">1. 用Response.Write方法 代码如下： Response.Write(&q...</div>
            </div><div class="list_con">
              <div class="title">
                <a href="https://m.jb51.cc/jquery/4739655.html" title="Jquery实现按钮点击遮罩加载，处理完后恢复">Jquery实现按钮点击遮罩加载，处理完后恢复</a>
              </div>
              <div class="summary">Jquery实现按钮点击遮罩加载，处理完后恢复 思路： 1.点击按...</div>
            </div></div>
            </div>
           
        </div>
      </div>
    <footer id="footer">
    <div class="container">
        <div class="copyright">
            Copyright © 2018 编程之家. 当前版本 V7.0.16<br>
            <span class="ml5">编程之家 版权所有 
            <a href="https://beian.miit.gov.cn/"  target="_blank"  rel="nofollow">闽ICP备13020303号-8</a>
        </div>
    </div>
</footer>
<script>
(function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>
<script src="https://m.jb51.cc/js/count.js"></script>
  </body>
</html>