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>無標(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前端頁面搜索功能案例【基于jQuery】
- jQuery Jsonp跨域模擬搜索引擎
- jquery中用jsonp實(shí)現(xiàn)搜索框功能
- JQuery+JS實(shí)現(xiàn)仿百度搜索結(jié)果中關(guān)鍵字變色效果
- 基于jquery的頁面劃詞搜索JS
- jquery+json實(shí)現(xiàn)的搜索加分頁效果
- jQuery單頁面文字搜索插件jquery.fullsearch.js的使用方法
相關(guān)文章
分享XmlHttpRequest調(diào)用Webservice的一點(diǎn)心得
因?yàn)轫?xiàng)目需要,以后前端、手機(jī)客戶端調(diào)用ASP.NET的Webservice來獲取信息.所以這段時(shí)間開始看Webservice,試著通過XmlHttpRequest調(diào)用Webservice,過程中碰到不少問題,也有不少的收獲2012-07-07
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ì)大家有所幫助。一起跟隨小編過來看看吧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ì)大家有所幫助。一起跟隨小編過來看看吧
2018-01-01
使用JS實(shí)現(xiàn)氣泡跟隨鼠標(biāo)移動(dòng)的動(dòng)畫效果
氣泡跟隨鼠標(biāo)移動(dòng),并在每次點(diǎn)擊時(shí)產(chǎn)生不同的變化,效果非常迷人,下面小編給大家?guī)砹耍趈s實(shí)現(xiàn)的氣泡效果實(shí)例代碼,需要的朋友參考下吧
2017-09-09 
