快捷導(dǎo)航

JS文本獲得焦點(diǎn)清除文本文字的示例代碼

更新時間：2014年01月13日 09:57:40 作者：

本篇文章主要是對JS文本獲得焦點(diǎn)清除文本文字的示例代碼進(jìn)行介紹，需要的朋友可以過來參考下，希望對大家有所幫助

如下所示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
<style type="text/css">
.clearFieldBlurred{
    color:#ccc;
    font-style:italic;
    font-weight:normal;
    width:150px;
}

.clearFieldActive{
    color:#4e4e4e;
    font-weight:bold;
    width:150px;
}
</style>
<script type="text/javascript">
function clearFiled(){
    var bbb=document.getElementById("bbb");
    if(bbb.value=="bbb"){
        bbb.value='';
        bbb.className='clearFieldActive';
    }
}

window.document.onmousedown=function(){
    var bbb=document.getElementById('bbb');
    if(bbb.value==""){
    bbb.value='bbb';
    bbb.className='clearFieldBlurred';
    }
}
</script>
</head>

您可能感興趣的文章:

相關(guān)文章

JavaScript提升機(jī)制Hoisting詳解
這篇文章主要介紹了JavaScript提升機(jī)制Hoisting詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2019-10-10
基于Bootstrap的Java開發(fā)問題匯總（Spring MVC）
這篇文章主要為大家匯總了基于Bootstrap的Java開發(fā)問題，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-01-01
uniapp中常用的事件處理方法詳解
在UniApp中事件處理非常重要,通過事件處理可以實現(xiàn)用戶與應(yīng)用程序之間的交互,這篇文章主要給大家介紹了關(guān)于uniapp中常用的事件處理方法的相關(guān)資料,需要的朋友可以參考下
2023-12-12
js控制多圖左右滾動切換效果代碼分享
這篇文章主要介紹了js控制多圖左右滾動切換效果，很實用的代碼，推薦給大家，有需要的小伙伴可以參考下。
2015-08-08
純javascript實現(xiàn)四方向文本無縫滾動效果
本文主要給大家分享了使用純javascript實現(xiàn)的可控制的四方向文本無縫滾動的代碼，效果非常不錯，有需要的小伙伴可以參考下。
2015-06-06
怎么引入(調(diào)用)一個JS文件
這篇文章主要介紹了引入(調(diào)用)一個JS文的方法，非常不錯介紹的非常詳細(xì)，具有參考借鑒價值，感興趣的朋友一起看看吧
2016-05-05
JavaScript中判斷頁面關(guān)閉、頁面刷新的實現(xiàn)代碼
這篇文章主要介紹了JavaScript中判斷頁面關(guān)閉、頁面刷新的實現(xiàn)代碼,在一些特殊的場合中會用到這個技術(shù),需要的朋友可以參考下
2014-08-08
JS組件Bootstrap實現(xiàn)下拉菜單效果代碼
這篇文章主要為大家詳細(xì)介紹了JS組件Bootstrap實現(xiàn)下拉菜單效果代碼，感興趣的小伙伴們可以參考一下
2016-04-04
echarts地圖區(qū)域顯示不同顏色代碼示例
地圖在我們?nèi)粘５臄?shù)據(jù)可視化分析中是很常見的一種展示手段,不僅美觀而且很大氣,這篇文章主要給大家介紹了關(guān)于echarts地圖區(qū)域顯示不同顏色的相關(guān)資料,需要的朋友可以參考下
2023-10-10
JS解析XML實例分析
這篇文章主要介紹了JS解析XML的方法,實例分析了javascript針對IE瀏覽器與非IE瀏覽器解析XML文件的技巧,非常具有實用價值,需要的朋友可以參考下
2015-01-01