關(guān)于 文本框默認(rèn)值 的操作js代碼
更新時間：2012年01月12日 10:53:05 作者：
搜索框，文本框，文本域，文本區(qū)域 可能都要有個默認(rèn)值
比如：
搜索框:可以 <input value="搜索產(chǎn)品..." />
文本區(qū)域: 可以 <textarea>輸入您多我的建議或者意見,讓我們的網(wǎng)站為您創(chuàng)造更便捷的服務(wù)....</textarea>
........
首先說這種提示功能很好，非常直觀，可是怎么讓它們獲取焦點時內(nèi)容清空、失去焦點后內(nèi)容分為空的話就顯示提示文本.....
當(dāng)頁面這些元素多了之后如何去管理...等等問題
var inputText=function(o,e,e2){
if(!o)return;var txt=o.value;
function inputTextChange(o,e,e2,txt){
o[e]=function(){var txt2=o.value;if(txt==txt2)o.value=""}
o[e2]=function(){var txt2=o.value;if(txt2=="")o.value=txt}
}
new inputTextChange(o,e,e2,txt)
}
上面我定義了一個函數(shù)
功能講解：
參數(shù) [o] : 需要操作的對象
參數(shù) [e] : 需要清空對象值的事件
參數(shù) [e2] : 需要返回默認(rèn)值的事件
函數(shù)調(diào)用：
inputText（userName,"onmouseover","onmouseout"）;
函數(shù)應(yīng)用示例：
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>input.value</title>
</head><body>
<script>
var inputText=function(o,e,e2){if(!o)return;var txt=o.value;
function inputTextChange(o,e,e2,txt){
o[e]=function(){var txt2=o.value;if(txt==txt2)o.value=""}
o[e2]=function(){var txt2=o.value;if(txt2=="")o.value=txt}}
new inputTextChange(o,e,e2,txt)
}
</script>
<input type="text" value="請輸入您的郵箱..." on />
<input type="text" value="請輸入您的家庭住址..." />
<input type="text" value="請輸入您的手機(jī)號..." />
<script>
var inputArr=document.getElementsByTagName("input")
for(var i in inputArr){
if(!inputArr[i].type=="text") continue;
inputText(inputArr[i],"onfocus","onblur")
}
</script>
</body></html>
搜索框:可以 <input value="搜索產(chǎn)品..." />
文本區(qū)域: 可以 <textarea>輸入您多我的建議或者意見,讓我們的網(wǎng)站為您創(chuàng)造更便捷的服務(wù)....</textarea>
........
首先說這種提示功能很好，非常直觀，可是怎么讓它們獲取焦點時內(nèi)容清空、失去焦點后內(nèi)容分為空的話就顯示提示文本.....
當(dāng)頁面這些元素多了之后如何去管理...等等問題
復(fù)制代碼 代碼如下:
var inputText=function(o,e,e2){
if(!o)return;var txt=o.value;
function inputTextChange(o,e,e2,txt){
o[e]=function(){var txt2=o.value;if(txt==txt2)o.value=""}
o[e2]=function(){var txt2=o.value;if(txt2=="")o.value=txt}
}
new inputTextChange(o,e,e2,txt)
}
上面我定義了一個函數(shù)
功能講解：
參數(shù) [o] : 需要操作的對象
參數(shù) [e] : 需要清空對象值的事件
參數(shù) [e2] : 需要返回默認(rèn)值的事件
函數(shù)調(diào)用：
inputText（userName,"onmouseover","onmouseout"）;
函數(shù)應(yīng)用示例：
復(fù)制代碼 代碼如下:
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>input.value</title>
</head><body>
<script>
var inputText=function(o,e,e2){if(!o)return;var txt=o.value;
function inputTextChange(o,e,e2,txt){
o[e]=function(){var txt2=o.value;if(txt==txt2)o.value=""}
o[e2]=function(){var txt2=o.value;if(txt2=="")o.value=txt}}
new inputTextChange(o,e,e2,txt)
}
</script>
<input type="text" value="請輸入您的郵箱..." on />
<input type="text" value="請輸入您的家庭住址..." />
<input type="text" value="請輸入您的手機(jī)號..." />
<script>
var inputArr=document.getElementsByTagName("input")
for(var i in inputArr){
if(!inputArr[i].type=="text") continue;
inputText(inputArr[i],"onfocus","onblur")
}
</script>
</body></html>
相關(guān)文章
JavaScript eval()函數(shù)定義及使用方法詳解
這篇文章主要介紹了JavaScript eval()函數(shù)定義及使用方法詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2020-07-07 
Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架，用于開發(fā)響應(yīng)式布局、移動設(shè)備優(yōu)先的 WEB 項目，本文介紹了bootstrap的常用組件和柵格式布局詳解，有興趣的可以了解一下
2017-05-05 
JavaScript實現(xiàn)淘寶京東6位數(shù)字支付密碼效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)淘寶京東6位數(shù)字支付密碼效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-08-08 
淺談js-FCC算法Friendly Date Ranges(詳解)
下面小編就為大家?guī)硪黄獪\談js-FCC算法Friendly Date Ranges(詳解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-04-04 
下面小編就為大家?guī)硪黄７聀assword輸入框的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06 
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)淘寶固定側(cè)邊欄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-07-07 
js+html5實現(xiàn)手機(jī)九宮格密碼解鎖功能
這篇文章主要為大家詳細(xì)介紹了js+html5實現(xiàn)手機(jī)九宮格密碼解鎖功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-07-07 
這篇文章主要介紹了JavaScript對象拷貝與賦值操作,結(jié)合實例形式分析了javascript對象定義、拷貝、賦值等相關(guān)操作技巧與注意事項,需要的朋友可以參考下
2018-12-12 
這篇文章主要為大家詳細(xì)介紹了javascript實現(xiàn)簡易的計算器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-03-03