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>
您可能感興趣的文章:
- jquery實(shí)現(xiàn)靜態(tài)搜索功能(可輸入搜索文字)
- jQuery實(shí)現(xiàn)動(dòng)態(tài)文字搜索功能
- JS實(shí)現(xiàn)搜索框文字可刪除功能
- 利用jQuery實(shí)現(xiàn)可輸入搜索文字的下拉框
- JavaScript前端頁(yè)面搜索功能案例【基于jQuery】
- jQuery Jsonp跨域模擬搜索引擎
- jquery中用jsonp實(shí)現(xiàn)搜索框功能
- JQuery+JS實(shí)現(xiàn)仿百度搜索結(jié)果中關(guān)鍵字變色效果
- 基于jquery的頁(yè)面劃詞搜索JS
- jquery+json實(shí)現(xiàn)的搜索加分頁(yè)效果
- jQuery單頁(yè)面文字搜索插件jquery.fullsearch.js的使用方法
相關(guān)文章
這篇文章主要為大家整理了關(guān)于Bootstrap導(dǎo)航的慕課筆記，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
javascript實(shí)現(xiàn)的拖拽效果，可以把屏幕上的圖片拖動(dòng)到任意地方，效果平滑，點(diǎn)擊圖片還可以從側(cè)邊展開圖片的詳細(xì)信息，非常好的相冊(cè)效果2015-05-05
判斷用戶是否在線的代碼，需要的朋友可以參考下。2011-03-03
分享XmlHttpRequest調(diào)用Webservice的一點(diǎn)心得
因?yàn)轫?xiàng)目需要，以后前端、手機(jī)客戶端調(diào)用ASP.NET的Webservice來(lái)獲取信息.所以這段時(shí)間開始看Webservice，試著通過(guò)XmlHttpRequest調(diào)用Webservice，過(guò)程中碰到不少問(wèn)題，也有不少的收獲2012-07-07
論壇中kayeun在我的版面發(fā)了一個(gè)問(wèn)題，關(guān)于PNG透明背景在FIREFOX瀏覽器下顯示異常。 這里談一下不同瀏覽器內(nèi)，如何應(yīng)用PNG圖片作背景。2009-06-06
js實(shí)現(xiàn)動(dòng)態(tài)改變r(jià)adio狀態(tài)的方法
下面小編就為大家分享一篇js實(shí)現(xiàn)動(dòng)態(tài)改變r(jià)adio狀態(tài)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02
Express代理轉(zhuǎn)發(fā)服務(wù)器實(shí)現(xiàn)
這篇文章主要為大家介紹了Express代理轉(zhuǎn)發(fā)服務(wù)器實(shí)現(xiàn)技巧詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-05-05 
利用js給datalist或select動(dòng)態(tài)添加option選項(xiàng)的方法
下面小編就為大家分享一篇利用js給datalist或select動(dòng)態(tài)添加option選項(xiàng)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-01-01 
使用JS實(shí)現(xiàn)氣泡跟隨鼠標(biāo)移動(dòng)的動(dòng)畫效果
氣泡跟隨鼠標(biāo)移動(dòng)，并在每次點(diǎn)擊時(shí)產(chǎn)生不同的變化，效果非常迷人，下面小編給大家?guī)?lái)了，基于js實(shí)現(xiàn)的氣泡效果實(shí)例代碼，需要的朋友參考下吧
2017-09-09