文档章节

textarea自动扩展高度(jquery实现)

序章1984
 序章1984
发布于 2014/11/13 09:44
字数 160
阅读 1749
收藏 10

源码迁移至:https://gitee.com/zhanghenry/codes/jz2pedmwa6x31lvb5kyrs16

项目中用到了textarea自动扩展高度的功能,网上查了几个都不太完善,稍微修改了一下,主要是添加了当内容删除时候的自动减少高度功能。如需指定textarea,修改选择器即可。

<!-- lang: js -->
 $(document).on("input propertychange", "textarea", function (e) {
       var target = e.target;
       // 保存初始高度,之后需要重新设置一下初始高度,避免只能增高不能减低。           
        var dh = $(target).attr('defaultHeight') || 0;
        if (!dh) {
            dh = target.clientHeight;
            $(target).attr('defaultHeight', dh);
        }
        
        target.style.height = dh +'px';
        var clientHeight = target.clientHeight;
        var scrollHeight = target.scrollHeight;
        if (clientHeight !== scrollHeight) { target.style.height = scrollHeight + 10 + "px";
        }
    });

© 著作权归作者所有

序章1984
粉丝 1
博文 15
码字总数 16228
作品 0
杭州
程序员
私信 提问
12 个必要的 jQuery 表单插件

Web表单是网站中很常见的Web组件,你用它来收集数据,用户的详细信息等。然而,现有的表单限制很多,功能比较简单,尽管有 HTML5 ,不幸的是,并非所有浏览器都支持它,所以现在我们可以使用...

红薯
2012/03/28
5.7K
8
50 个新酷的 jQuery 插件

别嫌多,总有几个 jQuery 插件你会看上的,因为这里有 50 个。 1. jbar jbar (请注意发音) 是一个用来将 转成下来菜单的 jQuery 插件。 2. e24TabMenu e24TabMenu 是一个扩展了 scriptaculou...

红薯
2011/07/13
3.6K
9
5分钟实现多行文本框[textarea]自动高度jquery 插件

因为此代码应用中发现在连续回车或者退格的情况下有bug,所以重新写了做了调整,参照新文 [1分钟实现多行文本框[textarea]自动高度jquery 插件] ###########################################...

党程V
2015/03/03
0
0
15 个非常有用的 jQuery 表单插件

有很多 jQuery 的表单插件。这里收集了其中15个是最有用的插件。 ALAJAX (Ajaxify your HTML form) 该插件可轻松将你的表单变成 Ajax 方式处理,阻止了提交动作,然后通过 Ajax 方式提交。 ...

oschina
2012/12/04
6K
13
jquery常用的插件1000收集

花N长时间积累的Jquery插件,希望大家喜欢。大家还有什么新的插件,请留言,我们一并收录。 感谢大家的支持。 1.accordion类 基于jQuery开发,非常简单的水平方向折叠控件。 Horizontal acc...

Alic
2011/03/07
0
6

没有更多内容

加载失败,请刷新页面

加载更多

HeyUI组件库按需加载功能上线,盘点HeyUI组件库有哪些独特功能?

HeyUI组件库 如果你还不了解heyui组件库,欢迎来我们的官网或者github参观。 官网 github 当然,如果能给我们一颗✨✨✨,那是最赞的了! 按需加载 当heyui组件库的组件越来越多的时候,按需...

vvpvvp
14分钟前
2
0
Dockerfile文件详解

Dockerfile文件详解 什么是dockerfile? Dockerfile是一个包含用于组合映像的命令的文本文档。可以使用在命令行中调用任何命令。 Docker通过读取Dockerfile中的指令自动生成映像。 docker bui...

Jeam_
27分钟前
0
0
阿里云PolarDB发布重大更新 支持Oracle等数据库一键迁移上云

5月21日,阿里云PolarDB发布重大更新,提供传统数据库一键迁移上云能力,可以帮助企业将线下的MySQL、PostgreSQL和Oracle等数据库轻松上云,最快数小时内迁移完成。据估算,云上成本不到传统...

zhaowei121
35分钟前
0
0
在数据数据探索过程中的一些常用操作

###pandas在做数据探索时,分组统计均值和中位数参考资料:http://www.cnblogs.com/nxld/p/6058591.htmlhttp://python.jobbole.com/85742/按字典重新赋值,可以直接使用pandas中的repla...

KYO4321
37分钟前
0
0
好程序员分享干货 弹性分布式数据集RDD

一、RDD定义 RDD(Resilient Distributed Dataset)叫做分布式数据集,是Spark中最基本的数据抽象,它代表一个不可变(数据和元数据)、可分区、里面的元素可并行计算的集合。其特点在于自动容...

好程序员IT
38分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部