文本区域的高度随着内容增加----插件

(function($){$.fn.autoTextarea = function(options) {var defaults={maxHeight:null,//文本框是否自动撑高，默认：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.maxHeight && this.scrollHeight > opts.maxHeight) {height = opts.maxHeight;style.overflowY = 'scroll';} else {height = this.scrollHeight;style.overflowY = 'hidden';}style.height = height  + 'px';}});});};
})(jQuery);

转载于:https://www.cnblogs.com/lovelgx/articles/6270193.html

文本区域的高度随着内容增加----插件相关推荐

python文本框随窗体变化_Javascript 文本框textarea高度随内容自适应增长收缩
直接上代码: 方案一: 枫芸志 » 文本框textarea高度自适应增长/伸缩晴枫制作 http://jb51.net [Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行] 方案一在各浏 ...
【记录】用Javascript实现文本框textarea高度随内容自动适应增长收缩
// 最小高度 var minRows = 5; // 最大高度,超过则出现滚动条 var maxRows = 12; function autoResize(){ ...
html表单多行输入文字,如何在HTML中创建多行文本输入（文本区域）？
要创建多行文本输入,请使用HTML 标记.您可以使用cols和rows属性设置文本区域的大小.它在表单中使用,以允许用户在多行中输入文本. 这是标签的属性-属性值描述自动对焦自动对焦指定在页面加载时文 ...
php获取页面的可视内容高度,网页制作技巧:获取页面可视区域的高度_css
文章简介:获取页面可视区域高度,获取页面高度,获取滚动条滚动上去的页面高度. function getWH(){ var wh = {}; "Height Width".repla ...
【jQuery插件】insertContent-在文本框光标位置插入内容并选中
在文本框光标位置插入内容在实际的项目应用中经常用到,比如在文本框插入表情,首先要获取光标在文本框中的位置,当然这个有浏览器兼容性问题. IE下可以通过document.selection.create ...
前端：HTML/06/表单，表单元素（单行文本域，单行密码域，单选按钮，复选框，下拉列表，文本区域，上传文件域，各种按钮，隐藏域，lt;caption表格标题）
表单<form>(块元素) 表单的概念:表单主要用来获取用户数据(信息),如:注册表单, 查询表单,登录表单. 表单的工作原理: 浏览有表单的网页,填写一些必要的信息,然后点击某个按钮进行 ...
Android中获取文本宽度和高度
本文罗列Android中字体宽度和高度的相关概念,及测量方法 . 原文请参考Android_FontMetrics.Android字符串进阶之三:字体属性及测量(FontMetrics). Andro ...
嵌入式GUI LVGL『Text Area文本区域控件』介绍
一. LVGL GUI文本区域控件的概念文本区域是一个带有标签和光标的页面.文本或字符可以添加到它.长行被换行,当文本足够长时,可以滚动文本区域. 二. LVGL GUI文本区域小部件和样式文本区 ...
分页插件php,文章内容分页插件
应用信息名称: 文章内容分页插件售价: 128元应用ID: NextPage 最低要求: Z-BlogPHP 1.5.2.1935 (Zero) Build 151935 版本: 6.1 发布 ...

文本区域的高度随着内容增加----插件

文本区域的高度随着内容增加----插件相关推荐

最新文章

热门文章