快捷導(dǎo)航

javascript搜索框點(diǎn)擊文字消失失焦時(shí)文本出現(xiàn)

更新時(shí)間：2014年09月18日 17:23:02 投稿：whsnow

這篇文章主要介紹了javascript實(shí)現(xiàn)搜索框點(diǎn)擊文字消失失焦時(shí)文本出現(xiàn)的效果，示例代碼如下，大家可以看看

當(dāng)獲焦時(shí),文本消失,失焦時(shí)文本出現(xiàn)

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無(wú)標(biāo)題文檔</title>
</head>

<body>
<input id="text" type="text" value="點(diǎn)我就消失"/>
<script>
var oText=document.getElementById("text");
var onoff=true;
oText.color="#000";
oText.onfocus=function(){
if(onoff){
this.value="";
this.color="red";
onoff=false;
}
}

oText.onblur=function(){
if(this.value==''){
this.color="#000";
this.value="點(diǎn)我就消失";
onoff=true;
}
}
</script>
</body>
</html>

您可能感興趣的文章:

相關(guān)文章

javascript 類(lèi)型判斷代碼分析
今天看到司徒一篇blog， javascript深拷貝，其中涉及到一種判斷類(lèi)型的方法，特分析如下
2010-03-03
javascript適合移動(dòng)端的日期時(shí)間拾取器
這篇文章主要介紹了javascript適合移動(dòng)端的日期時(shí)間拾取器，提供了友好的日期和時(shí)間選擇操作界面，需要的朋友可以參考下
2015-11-11
常用原生js自定義函數(shù)總結(jié)
下面小編就為大家?guī)?lái)一篇常用原生js自定義函數(shù)總結(jié)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-11-11
前端TypeScript時(shí)間格式化函數(shù)舉例詳解
這篇文章主要介紹了前端TypeScript時(shí)間格式化函數(shù)的相關(guān)資料,包括日期格式化formatDate、獲取周數(shù)getWeek、相對(duì)時(shí)間格式化formatPast、時(shí)間問(wèn)候語(yǔ)formatAxis以及日期時(shí)間格式化parseTime和parseDate,每個(gè)方法都有詳細(xì)的參數(shù)說(shuō)明和示例,需要的朋友可以參考下
2025-02-02
Javascript實(shí)現(xiàn)時(shí)間倒計(jì)時(shí)效果
這篇文章主要為大家詳細(xì)介紹了Javascript實(shí)現(xiàn)時(shí)間倒計(jì)時(shí)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-07-07
js生成二維碼的示例代碼
這篇文章主要介紹了js生成二維碼的示例代碼,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-03-03
JavaScript實(shí)現(xiàn)iframe自動(dòng)高度調(diào)整和不同主域名跨域
這篇文章主要介紹了JavaScript實(shí)現(xiàn)iframe自動(dòng)高度調(diào)整和不同主域名跨域,作者通過(guò)建立一個(gè)代理來(lái)同步高度調(diào)整,需要的朋友可以參考下
2016-02-02
理解js回收機(jī)制通俗易懂版
這篇文章主要幫助大家更好的理解js回收機(jī)制，通俗易懂，便于大家理解，感興趣的小伙伴們可以參考一下
2016-02-02
JavaScript SHA512加密算法詳細(xì)代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript SHA512加密算法代碼，具有一定的參考價(jià)值，感興趣的朋友可以參考一下
2016-10-10
jsvascript圖像處理—(計(jì)算機(jī)視覺(jué)應(yīng)用)圖像金字塔
上一篇文章，我們講解了邊緣梯度計(jì)算函數(shù)，這篇文章我們來(lái)了解圖像金字塔;圖像金字塔被廣泛用于計(jì)算機(jī)視覺(jué)應(yīng)用中;圖像金字塔是一個(gè)圖像集合，集合中所有的圖像都源于同一個(gè)原始圖像，而且是通過(guò)對(duì)原始圖像連續(xù)降采樣獲得的
2013-01-01