php多行文本框代码,1分钟实现多行文本框[textarea]自动高度jquery 插件
支持初始化加载textarea高度
支持复制文字自动高度
支持长段不换行文字
支持连续回车和连续删除自动高度
内容
$.extend({
textareaAutosize_dc:function(){
var autoSizeFn=function(){}
autoSizeFn.prototype={
autosize:function(){
var fontsize = $(this).css("font-size").replace("px","");//文字大小
var fontrowcount = ($(this).width()/fontsize);//每行文字个数
var textArray = $(this).val().split("\n");
var currentEnterCount=textArray.length;//获取行数
$(textArray).each(function(){
//检查每行文字量是否超过行容量 如果超过 贼需要加行, 超几行加几行
if(this.length>fontrowcount){
currentEnterCount+=this.length/fontrowcount;
}
});
var lineHeight=Number($(this).css("line-height").replace("px",""));
$(this).height( lineHeight*(currentEnterCount+1));
},addEvent:function(){
//注册事件监听
var self=this;
$("textarea").on("keyup",function(e){
self.autosize.call(this);
});
},initAllHeight:function(){
//初始化所有高度
var self=this;
$("textarea").each(function(){
self.autosize.call(this);
});
}
,init:function(){
this.addEvent();
this.initAllHeight();
}
}
new autoSizeFn().init();
}
}).fn.extend({
textareaAutosize_dc:function(){
var domSelf = this;
var autoSizeFn=function(domSelf){
this.domSelf=domSelf;
}
autoSizeFn.prototype={
autosize:function(){
var fontsize = $(this).css("font-size").replace("px","");//文字大小
var fontrowcount = ($(this).width()/fontsize);//每行文字个数
var textArray = $(this).val().split("\n");
var currentEnterCount=textArray.length;//获取行数
$(textArray).each(function(){
//检查每行文字量是否超过行容量 如果超过 贼需要加行, 超几行加几行
if(this.length>fontrowcount){
currentEnterCount+=this.length/fontrowcount;
}
});
var lineHeight=Number($(this).css("line-height").replace("px",""));
$(this).height( lineHeight*(currentEnterCount+1));
},addEvent:function(){
//注册事件监听
var self=this;
$(this.domSelf).on("keyup",function(e){
self.autosize.call(this);
});
},initHeight:function(){
var self=this;
//初始化所有高度
$(this.domSelf).each(function(){
self.autosize.call(this);
});
}
,init:function(){
this.addEvent();
this.initHeight();
}
}
new autoSizeFn(domSelf).init();
}
});
//调用自动高度
//$.textareaAutosize_dc();//应用到所有textarea中
$('textarea').textareaAutosize_dc();//应用到指定的textarea中
原理:其实就是 文本框高度=行高*(换行数+1)
php多行文本框代码,1分钟实现多行文本框[textarea]自动高度jquery 插件相关推荐
- html 下拉多选框代码,js实现下拉复选框效果(代码实例)
本章给大家带来用js实现下拉复选框效果(代码实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 先看看效果: 下面我们看看代码: HTML代码: HTML CSS JavaScri ...
- excel 中vb组合框_Excel数据验证组合框代码
excel 中vb组合框 Instead of selecting a product code in an Excel drop down list, it's usually easier to ...
- 京东搜索框html,京东添加搜索框代码模块点击搜索按钮失效 提示您访问的页面失联啦的处理方法...
京东店铺装修搜索框模块时搜索框按钮点击无效无法搜索.不少美工在京东店铺装修过程中自定义设计安装的搜索框加好链接后点击搜索框按钮提示抱歉!您访问的页面失联啦-是怎么回事?是加的搜索框地址不对吗?那么要怎 ...
- 为什么我们很难看到代码 5 分钟前的样子?
[CSDN 编者按]呵,对一名资深的 CV 工程师而言,想看五分钟之前的代码,撤销是不可能撤销的,顶多是 Ctrl-A 之后 Backspace,再重新 CV-- 作者 | Austin Z. Hen ...
- Tensorflow2.0---SSD网络原理及代码解析(二)-锚点框的生成
Tensorflow2.0-SSD网络原理及代码解析(二)-锚点框的生成 分析完SSD网络的原理之后,一起来看看代码吧~ 代码转载于:https://github.com/bubbliiiing/ss ...
- 通过JS代码动态生成HTML表格(Table),Input框,Button按钮.并且通过Input框的值进行查询动态生成数据填写在指定的表格里
本人公众号上线啦!!! 公众号与博客名一样:没有腹肌的程序猿 公众号文章类型:工作上所遇到的需求实现方案分享. 此外也会提供一些数据集供大家使用.(这个还在规划中,毕竟打工人时间挺紧的,哈哈哈哈) 到 ...
- 搜索框的代码css,css搜索框_精美css搜索框代码
摘要 腾兴网为您分享:精美css搜索框代码,追书神器,中日翻译,云南移动,携程等软件知识,以及cdr条码生成器,海风智学中心,东方永夜抄,一起中学老师,飒漫画,天天桌面便签,科学松鼠网,乐蛙,安卓信用 ...
- android筛选功能代码,Android中 TeaScreenPopupWindow多类型筛选弹框功能的实例代码
Github地址 YangsBryant/TeaScreenPopupWindow (Github排版比较好,建议进入这里查看详情,如果觉得好,点个star吧!) 引入module allprojec ...
- html复选框代码隐藏勾勾,[译] 为什么 HTML 中复选框样式难写 — 本文给你答案
在当今世界,大多数网页开发者认为掌握 JavaScript 是优先选择,这理所当然,因为 JS 是 浏览器脚本语言 .虽然 HTML 和 CSS 决定网站的样式,但是 JS 凭借它能调用 HTML 和 ...
最新文章
- java怎么建立内部类_语法 - 是否可以在Java静态中创建匿名内部类?
- bin二进制文件的运行
- SQLYog快捷键大全
- MQ在计算机组成,[转载]计算机组成框图-计算机运行流程(例子)
- html视频位置控制器,html5中返回音视频的当前媒体控制器的属性controller
- java不同环境_Spring Boot系列 – 5. 不同的环境使用不同的配置
- javascript的一些基本概念
- 用 HTML 格式导出 Excel 时,如何保留显示网格线
- python完全支持面向对象编程_Python 面向对象编程概要
- 【收藏】一千行 MySQL 学习笔记
- Atitit cko之道首席知识官之道 attilax著 艾龙著 1. 	2 2. 第 1 章 知识管理到底是什么,有什么用/1	2 3. 1.1 知识管理全景/1 1.2 波士顿矩阵/3 1.2.
- Windows7安装PADS2007详细步骤____亲自实验总结
- 数据库逻辑结构设计 → E-R图
- 计算机智能的技术的应用,计算机人工智能技术的应用与发展(1)
- 数据科学风云之互联网金融
- NLP--2 语言结构和传统pipeline
- Sharding-Sphere的应用性能监控实践
- cna12.dll mysql_cna12.dll,下载,简介,描述,修复,等相关问题一站搞定_DLL之家
- L1-050 倒数第N个字符串 (15 分)andL1-054 福到了 (15 分)
- WebSocket菜鸟教程
热门文章
- 关系型数据库设计-6种范式
- 深度学习入门之激活函数
- 猜数字游戏玩玩看,看看你最少能用几次猜出来
- 三年MacBook Pro使用经验分享必备的20款mac良心软件
- c语言韦达定理求方程解,解一元二次方程练习题(韦达定理)
- Umeng推送消息的坑,Android Service的android:exported详解
- 微博依靠什么重返中国互联网中心舞台?
- 提升教学质量,监督教室课堂秩序?这招小白也能轻松搞定
- 关于N*N方格从(1,1)到(N,N)的最短距离
- 基于Java毕业设计学生用品采购系统源码+系统+mysql+lw文档+部署软件