jQuery實現(xiàn)textarea自動增長寬高的方法
更新時間:2015年12月18日 12:27:15 作者:leejersey
這篇文章主要介紹了jQuery實現(xiàn)textarea自動增長寬高的方法,涉及jQuery針對鍵盤按鍵的響應(yīng)及頁面元素的動態(tài)操作技巧,需要的朋友可以參考下
本文實例講述了jQuery實現(xiàn)textarea自動增長寬高的方法。分享給大家供大家參考,具體如下:
<script type="text/javascript"> $(function(){ $("#iptcont").bind("keydown",function(e){ var key = e.which,that = this,h = 20; if (key == 13) { var brs = $(this).val().split("\n").length+1; $(this).attr("rows",brs).height(h*brs); }else if(key == 8){ window.setTimeout(function(){ var brs = $(that).val().split("\n").length; $(that).attr("rows",brs).height(h*brs); },100); } }); }); </script> <body> <textarea id="iptcont" rows="1" style="border:none;height:20px;border-bottom:1px solid blue;width:200px;resize:none;font-size:18px;line-height:20px;overflow:hidden;"></textarea> </body>
希望本文所述對大家jQuery程序設(shè)計有所幫助。
您可能感興趣的文章:
- jQuery往textarea中光標所在位置插入文本的方法
- jQuery替換textarea中換行的方法
- jQuery實現(xiàn)限制textarea文本框輸入字符數(shù)量的方法
- Jquery實現(xiàn)textarea根據(jù)文本內(nèi)容自適應(yīng)高度
- jQuery實現(xiàn)在textarea指定位置插入字符或表情的方法
- jquery實現(xiàn)textarea 高度自適應(yīng)
- jquery實現(xiàn)textarea輸入框限制字數(shù)的方法
- jquery的clone方法應(yīng)用于textarea和select的bug修復(fù)
- jquery 多行文本框(textarea)高度變化
相關(guān)文章
JQuery為textarea添加maxlength屬性的代碼
textarea默認不支持maxlength屬性。所以通過jquery實現(xiàn)下。具體的看代碼。2010-04-04運用jquery實現(xiàn)table單雙行不同顯示并能單行選中
(該方法是對《運用jquery實現(xiàn)(table)單雙行不同顯示并能多行選中》的改進,適合于單行選擇)2009-07-073Z版基于jquery的圖片復(fù)選框(asp.net+jquery)
最近在做一個彩票縮水工具,找了幾個圖片復(fù)選框插件始終感覺不太滿意,自己動手山寨了一下imageTick插件.2010-04-04jQuery Validate插件實現(xiàn)表單強大的驗證功能
這篇文章主要介紹了jQuery Validate插件實現(xiàn)表單強大的驗證功能,讓客戶端表單驗證變得更簡單,同時提供了大量的定制選項,滿足應(yīng)用程序各種需求,感興趣的小伙伴們可以參考一下2015-12-12