jQuery實(shí)現(xiàn)textarea自動(dòng)增長(zhǎng)寬高的方法
更新時(shí)間：2015年12月18日 12:27:15 作者：leejersey
這篇文章主要介紹了jQuery實(shí)現(xiàn)textarea自動(dòng)增長(zhǎng)寬高的方法,涉及jQuery針對(duì)鍵盤(pán)按鍵的響應(yīng)及頁(yè)面元素的動(dòng)態(tài)操作技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery實(shí)現(xiàn)textarea自動(dòng)增長(zhǎng)寬高的方法。分享給大家供大家參考，具體如下：
<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>
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- jQuery往textarea中光標(biāo)所在位置插入文本的方法
- jQuery替換textarea中換行的方法
- jQuery實(shí)現(xiàn)限制textarea文本框輸入字符數(shù)量的方法
- Jquery實(shí)現(xiàn)textarea根據(jù)文本內(nèi)容自適應(yīng)高度
- jQuery實(shí)現(xiàn)在textarea指定位置插入字符或表情的方法
- jquery實(shí)現(xiàn)textarea 高度自適應(yīng)
- jquery實(shí)現(xiàn)textarea輸入框限制字?jǐn)?shù)的方法
- jquery的clone方法應(yīng)用于textarea和select的bug修復(fù)
- jquery 多行文本框(textarea)高度變化
相關(guān)文章
jQuery ajax調(diào)用webservice注意事項(xiàng)
這篇文章主要為大家詳細(xì)介紹了jQuery ajax調(diào)用webservice的注意事項(xiàng)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
除了全局函數(shù)外，jquery中的大多數(shù)插件都是通過(guò)jquery對(duì)象的方法提供的2012-08-08
這篇文章主要介紹了jquery制作居中遮罩層效果示例,需要的朋友可以參考下2014-02-02
想必關(guān)注jQuery的同學(xué)們對(duì)jQuery EasyUI已經(jīng)有所耳聞了，目前已經(jīng)更新到1.0.5版本，風(fēng)格與EXTJS有點(diǎn)相似，可以很好的滿足開(kāi)發(fā)人員對(duì)UI的需求。2010-04-04
利用JQuery+EasyDrag 實(shí)現(xiàn)彈出可拖動(dòng)的Div，同時(shí)向Div傳值，然后返回Div選中的值
JQuery是一個(gè)優(yōu)秀的Javascript類(lèi)庫(kù)，使得我們?cè)?jīng)對(duì)JavaScript的痛恨不再，越來(lái)越喜歡上了JavaScript，而且更好的是他的plugin眾多.2009-10-10
jquery ajaxfileuplod 上傳文件 essyui laoding 效果【防止重復(fù)上傳文件】
點(diǎn)擊一次上傳, 當(dāng)上傳操作結(jié)束后才能操作界面，實(shí)現(xiàn)方式是通過(guò) ajaxfileuplod 上傳文件，需要的朋友參考下吧2018-05-05
JQuery中的事件及動(dòng)畫(huà)用法實(shí)例
這篇文章主要介紹了JQuery中的事件及動(dòng)畫(huà)用法,實(shí)例分析了事件的綁定、移除、添加及動(dòng)畫(huà)方法操作表單的使用技巧,需要的朋友可以參考下2015-01-01
jquery實(shí)現(xiàn)不包含當(dāng)前項(xiàng)的選擇器實(shí)例
這篇文章主要介紹了jquery實(shí)現(xiàn)不包含當(dāng)前項(xiàng)的選擇器,實(shí)例分析了jquery選擇器的使用技巧,需要的朋友可以參考下2015-06-06
本篇文章，小編為大家介紹關(guān)于jQuery實(shí)用基礎(chǔ)超詳細(xì)介紹，有需要的朋友可以參考一下2013-04-04
Jquery中的很多方法都是如此，主要包括如下幾個(gè)2009-01-01