 
<input name="pwuser" type="text" id="pwuser" class="input" value="樓盤賬號" onBlur="if(this.value=='') this.value='樓盤賬號';" onFocus="if(this.value=='樓盤賬號') this.value='';" /> 
<input name="pwpwd" type="password" class="input1" value="******" onBlur="if(this.value=='') this.value='******';" onFocus="if(this.value=='******') this.value='';"> 

jquery實現(xiàn)方法

對于元素的焦點事件，我們可以使用jQuery的焦點函數(shù)focus(),blur()。

focus()：得到焦點時使用，和javascript中的onfocus使用方法相同。
如：

復(fù)制代碼代碼如下:

$("p").focus(); 或$("p").focus(fn)

blur()：失去焦點時使用，和onblur一樣。
如：

復(fù)制代碼代碼如下:

$("p").blur(); 或$("p").blur(fn)

實例

復(fù)制代碼代碼如下:

 
<form> 
<label for="searchKey" id="lbSearch">搜神馬？</label> 這里label覆蓋在文本框上，可以更好的控制樣式 
<input id="searchKey" type="text" /> 
<input type="submit" value="搜索" /> 
</form> 

jquery代碼

復(fù)制代碼代碼如下:

 
$(function() { 
$('#searchKey').focus(function() { 
$('#lbSearch').text(''); 
}); 
$('#searchKey').blur(function() { 
var str = $(this).val(); 
str = $.trim(str); 
if(str == '') 
$('#lbSearch').text('搜神馬？'); 
}); 
}) 

好了相當(dāng)?shù)牟诲e吧

您可能感興趣的文章:

文本框焦點

相關(guān)文章

JavaScript html5 canvas繪制時鐘效果(二)
這篇文章主要介紹了JavaScript html5繪制時鐘效果的相關(guān)資料，使用HTML5的canvas標(biāo)簽和Javascript腳本，模擬顯示了一個時鐘，感興趣的小伙伴們可以參考一下
2016-03-03
JS面試題大坑之隱式類型轉(zhuǎn)換實例代碼
這篇文章主要介紹了JS面試題大坑之隱式類型轉(zhuǎn)換實例代碼,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下
2018-10-10
自定義滾動條3.0
圖片自定義滾動條3.0（Duma“自動渲染版”，也許世間萬物都會變，但是真摯的愛，卻永遠(yuǎn)留存在心中?。?/div> 2009-07-07
javascript通過元素id和name直接取得元素的方法
這篇文章主要介紹了javascript通過元素id和name直接取得元素的方法,涉及javascript獲取元素的相關(guān)技巧,非常具有實用價值,需要的朋友可以參考下
2015-04-04
window.open關(guān)于瀏覽器攔截問題分析及解決方法
window.open是javascript函數(shù)，該函數(shù)的作用是打開一個新窗口或這改變原來的窗口,如果你直接在js中調(diào)用window.open()函數(shù)去打開一個新窗口，瀏覽器會攔截你,那么如何避免呢，感興趣的朋友可以了解下本文或許對你學(xué)習(xí)有所幫助
2013-02-02
基于JS實現(xiàn)數(shù)字動態(tài)變化顯示效果附源碼
我們經(jīng)?？吹揭壕щ娮颖順邮?，數(shù)字動態(tài)顯示，動態(tài)變化的在指定元素內(nèi)顯示數(shù)字。怎么實現(xiàn)效果呢？下面小編給大家?guī)砹嘶贘S實現(xiàn)數(shù)字動態(tài)變化顯示效果，感興趣的朋友一起看看吧
2019-07-07
JS數(shù)組方法join()用法實例分析
這篇文章主要介紹了JS數(shù)組方法join()用法,結(jié)合實例形式分析了JS數(shù)組join()方法具體功能、定義、使用方法及相關(guān)操作注意事項,需要的朋友可以參考下
2020-01-01
JS表單驗證方法實例小結(jié)【電話、身份證號、Email、中文、特殊字符、身份證號等】
這篇文章主要介紹了JS表單驗證方法,結(jié)合實例形式總結(jié)分析了常用的表單驗證技巧,包括電話、身份證號、Email、中文、特殊字符、身份證號等驗證方法,需要的朋友可以參考下
2017-02-02
詳解關(guān)于JSON.parse()和JSON.stringify()的性能小測試
這篇文章主要介紹了詳解關(guān)于JSON.parse()和JSON.stringify()的性能小測試，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-03-03
JavaScript判斷當(dāng)前時間是在某個時間點之前/之后
本文主要介紹了JavaScript判斷當(dāng)前時間是在某個時間點之前/之后，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-07-07