讓textarea自動調(diào)整大小的js代碼
更新時間:2011年04月12日 14:22:27 作者:
讓textarea自動調(diào)整大小的js代碼,需要的朋友可以參考下。
復(fù)制代碼 代碼如下:
<!doctype html>
<html>
<head>
<title>自動調(diào)整大小的textarea </title>
<meta charset = "utf-8" />
<style type = "text/css">
.editable{cursor:text; font-size:13px; color:#003366;width:80px;line-height:20px;height:20px;font-family:Arial;cursor:text;*overflow-y:hidden; }
</style>
</head>
<body>
<textarea class='editable' onkeydown ="if(event.keyCode==13) return false; " oninput="this.style.height='0px';this.style.height=(this.scrollHeight+'px');" onpropertychange="this.style.height=(this.scrollHeight+'px')" /></textarea>
</body>
</html>
您可能感興趣的文章:
- 新浪微博字?jǐn)?shù)統(tǒng)計(jì) textarea字?jǐn)?shù)統(tǒng)計(jì)實(shí)現(xiàn)代碼
- js操作textarea 常用方法總結(jié)
- js限制textarea每行輸入字符串長度的代碼
- JS TextArea字符串長度限制代碼集合
- 非主流的textarea自增長實(shí)現(xiàn)js代碼
- 基于jQuery的讓textarea支持Ctrl+Z步步撤銷功能
- TextArea不支持maxlength的解決辦法(jquery)
- Javascript 文本框textarea高度隨內(nèi)容自適應(yīng)增長收縮
- javascript textarea光標(biāo)定位方法(兼容IE和FF)
- JavaScript實(shí)現(xiàn)統(tǒng)計(jì)文本框Textarea字?jǐn)?shù)增強(qiáng)用戶體驗(yàn)
相關(guān)文章
如何實(shí)現(xiàn)表格中行點(diǎn)擊時的漸擴(kuò)效果!
如何實(shí)現(xiàn)表格中行點(diǎn)擊時的漸擴(kuò)效果!...2007-01-01
js跨瀏覽器實(shí)現(xiàn)將字符串轉(zhuǎn)化為xml對象的方法
將字符串轉(zhuǎn)化為xml對象需要注意的是該死的ie多版本的問題,具體實(shí)現(xiàn)如下,感興趣的朋友不妨參考下本文,希望對大家有所幫助2013-09-09
鼠標(biāo)劃過實(shí)現(xiàn)延遲加載并隱藏層的js代碼
鼠標(biāo)劃過延遲加載隱藏層的效果,想必大家都有見到過吧,在本文將為大家詳細(xì)介紹下使用js是如何實(shí)現(xiàn)的,感興趣的朋友可以參考下2013-10-10
js實(shí)現(xiàn)兩個值相加alert出來精確到指定位
兩個值相加精確指定位數(shù)在alert出來,下面有個不錯的示例,感興趣的朋友可以參考下2013-09-09
js插件YprogressBar實(shí)現(xiàn)漂亮的進(jìn)度條效果
ProgressBar.js 是一個借助動態(tài) SVG 路徑的漂亮的,響應(yīng)式的進(jìn)度條效果。使用 ProgressBar.js 可以很容易地創(chuàng)建任意形狀的進(jìn)度條。這個 JavaScript 庫提供線條,圓形和方形等幾個內(nèi)置的形狀,但你可使用 Illustrator 或任何其它的矢量圖形編輯器創(chuàng)建自己的進(jìn)度條效果。2015-04-04
基于JavaScript實(shí)現(xiàn)新年賀卡特效
本文介紹了一款超級炫酷的2022新年快樂html網(wǎng)頁特效,霓虹的城市夜景和絢爛的煙花很是特別,該html頁面還有交互效果,點(diǎn)擊鼠標(biāo)就會呈現(xiàn)煙花綻放的特效。需要的可以參考一下2022-01-01

