javascript搜索框點擊文字消失失焦時文本出現

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

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

當獲焦時,文本消失,失焦時文本出現

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
</head>

<body>
<input id="text" type="text" value="點我就消失"/>
<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="點我就消失";
onoff=true;
}
}
</script>
</body>
</html>

您可能感興趣的文章:

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