62.textarea 自适应高度

//需要jQuery

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<textarea id="test"></textarea>
  <script src="./libs/jquery.min.js"></script>
  <script>
      (function ($) {
          $.fn.autotextarea = function (options) {
              var defaults = {
                  maxHeight: null,
                  minHeight: $(this).height()
              }
              var opts = $.extend({}, defaults, options)
              return $(this).each(function () {
                  $(this).bind('paste cut keydown keyup focus blur', function () {
                      var height, style = this.style;
                      this.style.height = opts.minHeight + "px";
                      if (this.scrollHeight > opts.minHeight) {
                          if (opts.max && this.scrollHeight > opts.maxHeight) {
                              height = opts.maxHeight;
                              style.oveflowY = "scroll";
                          } else {
                              height = this.scrollHeight;
                              style.oveflowY = "hidden";
                          }
                          style.height = height + "px"
                      } else {
 
                      }
                  })
              })
          }
      })(jQuery)
  </script>
  <script>
      $("#test").autotextarea({
          maxHeight: 300,
          minHeight: 40,
      })
  </script>

  

posted @   famCc  阅读(144)  评论(0编辑  收藏  举报
编辑推荐:
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
阅读排行:
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
点击右上角即可分享
微信分享提示