JS如何實(shí)現(xiàn)文本框隨文本的長度而增長
更新時(shí)間：2015年07月30日 14:25:44 投稿：lijiao
這篇文章主要介紹了JS如何實(shí)現(xiàn)文本框隨文本的長度而增長的方法,具有一定借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了JS實(shí)現(xiàn)文本框隨文本的長度而增長的方法，具體實(shí)現(xiàn)方法如下：
<!Doctype HTML PUBLIC "-//W3c//DTD Html 1.0 Transitional//EN">
<html>
<head>
<title>文本框隨文本的寬度而增長</title>
</head>
<script type="text/javascript">
function changeInputlength(cursor)
{
var getcount=document.getElementById("countFont");
var getText=document.getElementById("text");
getcount.innerHTML='<font>第'+(parseInt(getText.value.length)+1)+'個(gè)字符</font>';
cursor.size=getText.value.length+2;
}
</script>
<body>
<input type="text" size="3" id="text" onkeydown="changeInputlength(this);"/>
<span id="countFont"></span>
</body>
希望本文所述對大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
這篇文章主要是對JS與C#編碼解碼進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
本文主要介紹了ES6中Math對象的部分?jǐn)U展，具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
JS實(shí)現(xiàn)獲取毫秒值及轉(zhuǎn)換成年月日時(shí)分秒的方法
這篇文章主要介紹了JS實(shí)現(xiàn)獲取毫秒值及轉(zhuǎn)換成年月日時(shí)分秒的方法,結(jié)合實(shí)例形式分析了javascript常見的Date()日期時(shí)間獲取、轉(zhuǎn)換相關(guān)操作技巧,需要的朋友可以參考下2018-08-08
JavaScript用document.write()輸出換行的示例代碼
這篇文章主要介紹了JavaScript用document.write()輸出換行的示例代碼，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-11-11
JavaScript使用原型和原型鏈實(shí)現(xiàn)對象繼承的方法詳解
這篇文章主要介紹了JavaScript使用原型和原型鏈實(shí)現(xiàn)對象繼承的方法,簡單講述了javascript原型與原型鏈的原理,并結(jié)合實(shí)例形式詳細(xì)分析了javascript中對象繼承的常見實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-04-04
這篇文章主要為大家詳細(xì)介紹了js HTML5多媒體影音播放,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
用eval方法，把傳進(jìn)來的這個(gè)方法名所代表的方法當(dāng)作一個(gè)對象來賦值給method1的func屬性,需要的朋友可以參考下2014-04-04
JavaScript 不只是腳本...2007-05-05
想必大家對窗口抖動(dòng)一詞并不陌生吧，其實(shí)原理很簡單，下面為大家簡單介紹下js中時(shí)如何實(shí)現(xiàn)的，喜歡的朋友可以參考下2013-09-09
這篇文章主要介紹了javascript獲取元素離文檔各邊距離的方法,以一個(gè)自定義函數(shù)形式分析了javascript針對文檔各邊距離的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02