JS文本獲得焦點清除文本文字的示例代碼
如下所示：
<!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>無標題文檔</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>
<body>
<input type="text" id="aaa" value="aaa" class="clearFieldBlurred" onfocus="if(this.value=='aaa'){this.value='';this.className='clearFieldActive';}" onblur="if(this.value==''){this.value='aaa';this.className='clearFieldBlurred';}"/>
<br />
<input type="text" id="bbb" value="bbb" class="clearFieldBlurred" onclick="clearFiled()" />
</body>
</html>
相關文章
IE7中javascript操作CheckBox的checked=true不打勾的解決方法
在IE7下，生成的Checkbox無法正確的打上勾。 原因是 chkbox控件還沒初始化(appendChild)，就開始操作它的結果2009-12-12
今天小編就為大家分享一篇js正則取值的結果數(shù)組調(diào)試方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10
用倒置濾鏡把div倒置，再把table倒置。...2007-07-07
JavaScript中輕松獲取頁面參數(shù)值的N種方法(含代碼示例)
本文旨在深入淺出地揭示如何在JavaScript中巧妙提取那些隱藏在URL背后的寶貴信息,從基礎方法到高級技巧,一網(wǎng)打盡,無論你是編程界的菜鳥還是久經(jīng)沙場的老將,這里都有值得你品鑒的“珍饈”,需要的朋友可以參考下2024-06-06
el-select數(shù)據(jù)過多懶加載的解決(loadmore)
這篇文章主要介紹了el-select數(shù)據(jù)過多懶加載的解決(loadmore)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
js獲取單選按鈕的數(shù)據(jù)...2006-11-11
首先說下背景，該code用于一個多條件查詢界面，原本該查詢條件由一個下拉列表提供，但是由于下拉列表數(shù)據(jù)量過大，用戶使用不方便，便希望在頁面給出一個智能提示的功能，但搜索的數(shù)據(jù)來自下拉列表2009-11-11
這篇文章主要介紹了JavaScript構建自己的對象,結合實例形式分析了javascript自定義類的定義與對象的實例化相關操作技巧,需要的朋友可以參考下2016-11-11
這篇文章主要為大家詳細介紹了js制作簡易計算器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)拼圖游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-07-07