textarea 高度自动
<textarea id="suggest" type="text" name="suggest" class="form-control" style="width:100%;height:50px!important" onkeydown="textareaHightAuto(this.id)"></textarea>
function textareaHightAuto(ids) {
    var id = $("#" + ids)[0]//获取当前id所有元素
    var setStyle = function (id) {
        id.style.height = 'auto';
        id.style.height = id.scrollHeight + 'px';
    }
    var delayedResize = function (id) {
        window.setTimeout(function () {
            setStyle(id)
        }, 0);
    }
    if (id.addEventListener) {
        id.addEventListener('input', function () {
            setStyle(id)
        }, false);
        setStyle(id)
    } else if (id.attachEvent) {
        id.attachEvent('onpropertychange', function () {
            setStyle(id)
        });
        setStyle(id)
    }
    if (window.VBArray && window.addEventListener) { //IE9
        id.attachEvent("onkeydown", function () {
            var key = window.event.keyCode;
            if (key == 8 || key == 46) delayedResize(ids);
        });
        id.attachEvent("oncut", function () {
            delayedResize(id);
        }); //处理粘贴
    }
}
textarea 高度自动的更多相关文章
- Angular Textarea 高度自动变化
		很多前端开发的朋友可能都会遇到textarea 输入框的高度不能自动随着用户的输入变化的问题,今儿小生也遇到了, 并通过网络上的信息解决了这个问题,于是将解决方法贴上,以作备忘. directiveA ... 
- textarea高度自动增高
		<!--随着textarea 输入内容 自动增加高度--> <script type="text/javascript"> $(".input_t ... 
- textarea宽度、高度自动适应处理方法
		textarea自动高度 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http: ... 
- textarea高度自适应自动展开
		在使用之前,推荐两个比较好的事件,分别是oninput和onpropertychange,IE9以下不兼容oninput.在textarea发生变化时,可以通过监听这两个事件来触发你需要的功能. te ... 
- textarea 实现高度自动增长
		有时候希望textarea 能够自动调整高度来适应输入的内容 网上看到了很多解决方案,比如动态创建一个隐藏的div,当用户输入的时候将textarea的内容绑定到div,由于div的高度会自动撑开,因 ... 
- textarea高度随内容自适应
		最近遇到一个需求,视频名称初始有个生成值,并且支持可以手动修改,修改后名称过长后换行高度随内容增加.刚开始想到用input但是发现input不支持换行.后来用了textarea,用js来控制,下面是实 ... 
- H5新增属性contenteditable(不用JS,实现div模拟textarea高度自增长)
		无意中看到一篇博客介绍了contenteditable这个属性——不需用JS,只需在div里加上contenteditable="true",即可实现div模拟textrarea( ... 
- html文本域textarea高度自增、自动换行
		文本域自动换行.高度自增,采用以下方式: html: <textarea rows="1" class="answerTextArea" maxlengt ... 
- 实现textarea高度自适应内容,无滚动条
		最近接触到一个很好用的js插件,可以实现textarea高度随内容增多而改变,并且不显示滚动条,推荐给大家: http://www.jacklmoore.com/autosize/ 
随机推荐
- 史上最全的Angular.js 的学习资源
			Angular.js 的一些学习资源 基础 官方: http://docs.angularjs.org angularjs官方网站已被墙,可看 http://www.ngnice.com/: 官方zi ... 
- 725. Split Linked List in Parts
			▶ 将一个单链表拆分为长度尽量接近的 k 段 ● 自己的代码,12 ms ■ 记链表长度为 count,目标段数为 k,quo = count / k,mod = count % k,part = m ... 
- opencv_traincascade 训练自己的检测器
			2013年08月08日 ⁄ 综合 ⁄ 共 1061字 ⁄ 字号 小 中 大 ⁄ 评论关闭 经过近一个月的工程实战,把自己累积的经验分享给大家,教你如何训练一个收敛的,比opencv自带的data效 ... 
- Tutorial: Getting Started with Spring Security
			This tutorial will cover a basic scenario where it integrates Spring Security, using database-backe ... 
- js获取当前项目根路径URL (转自CSDN 红领巾-sunlight)
			/** * //获取当前项目根路径 * @return {TypeName} */ function getRootPath(){ //获取当前网址,如: http://localhost:8083/ ... 
- Python_03-数据类型
			1.1 数据类型 基本数据类型:字符串,整数,浮点数,布尔型 集合类型:列表(list), 元组(tuple), 字典(dictionary或hash) 列表(list)的定义: aList = ... 
- 93. Restore IP Addresses(dfs)
			Given a string containing only digits, restore it by returning all possible valid IP address combina ... 
- Ice_cream’s world II(最小树形图,加虚点)
			Ice_cream’s world II http://acm.hdu.edu.cn/showproblem.php?pid=2121 Time Limit: 3000/1000 MS (Java/O ... 
- 安装scrapy解决的坑
			在windows下: pip install scrapy 最后一步报错: 本来以为是缺少 Microsoft Visual C++ 14.0 这个库,一看下载需要400多M,算了再看下报错... 感 ... 
- pyspider示例代码二:解析JSON数据
			本系列文章主要记录和讲解pyspider的示例代码,希望能抛砖引玉.pyspider示例代码官方网站是http://demo.pyspider.org/.上面的示例代码太多,无从下手.因此本人找出一下 ... 
