在js(jquery)中獲得文本框焦點(diǎn)和失去焦點(diǎn)的方法
先來看javascript的直接寫在了input上
<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實(shí)現(xiàn)方法
對于元素的焦點(diǎn)事件,我們可以使用jQuery的焦點(diǎn)函數(shù)focus(),blur()。
focus():得到焦點(diǎn)時(shí)使用,和javascript中的onfocus使用方法相同。
如:
$("p").focus(); 或$("p").focus(fn)
blur():失去焦點(diǎn)時(shí)使用,和onblur一樣。
如:
$("p").blur(); 或$("p").blur(fn)
實(shí)例
<form>
<label for="searchKey" id="lbSearch">搜神馬?</label> 這里label覆蓋在文本框上,可以更好的控制樣式
<input id="searchKey" type="text" />
<input type="submit" value="搜索" />
</form>
jquery代碼
$(function() {
$('#searchKey').focus(function() {
$('#lbSearch').text('');
});
$('#searchKey').blur(function() {
var str = $(this).val();
str = $.trim(str);
if(str == '')
$('#lbSearch').text('搜神馬?');
});
})
好了相當(dāng)?shù)牟诲e(cuò)吧
- jQuery中ztree 點(diǎn)擊文本框彈出下拉框的實(shí)例代碼
- jquery獲得下拉框值的代碼
- jquery動態(tài)加載select下拉框示例代碼
- Jquery操作下拉框(DropDownList)實(shí)現(xiàn)取值賦值
- 基于jquery的無限級聯(lián)下拉框js插件
- JQuery實(shí)現(xiàn)級聯(lián)下拉框效果實(shí)例講解
- 基于jquery實(shí)現(xiàn)的可編輯下拉框?qū)崿F(xiàn)代碼
- jquery模擬SELECT下拉框取值效果
- 利用Jquery實(shí)現(xiàn)可多選的下拉框
- jquery設(shè)置text的值示例(設(shè)置文本框 DIV 表單值)
- jQuery實(shí)現(xiàn)點(diǎn)擊下拉框中的值累加到文本框中的方法示例
相關(guān)文章
JavaScript html5 canvas繪制時(shí)鐘效果(二)
這篇文章主要介紹了JavaScript html5繪制時(shí)鐘效果的相關(guān)資料,使用HTML5的canvas標(biāo)簽和Javascript腳本,模擬顯示了一個(gè)時(shí)鐘,感興趣的小伙伴們可以參考一下2016-03-03JS面試題大坑之隱式類型轉(zhuǎn)換實(shí)例代碼
這篇文章主要介紹了JS面試題大坑之隱式類型轉(zhuǎn)換實(shí)例代碼,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-10-10javascript通過元素id和name直接取得元素的方法
這篇文章主要介紹了javascript通過元素id和name直接取得元素的方法,涉及javascript獲取元素的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04window.open關(guān)于瀏覽器攔截問題分析及解決方法
window.open是javascript函數(shù),該函數(shù)的作用是打開一個(gè)新窗口或這改變原來的窗口,如果你直接在js中調(diào)用window.open()函數(shù)去打開一個(gè)新窗口,瀏覽器會攔截你,那么如何避免呢,感興趣的朋友可以了解下本文或許對你學(xué)習(xí)有所幫助2013-02-02基于JS實(shí)現(xiàn)數(shù)字動態(tài)變化顯示效果附源碼
我們經(jīng)常看到液晶電子表樣式,數(shù)字動態(tài)顯示,動態(tài)變化的在指定元素內(nèi)顯示數(shù)字。怎么實(shí)現(xiàn)效果呢?下面小編給大家?guī)砹嘶贘S實(shí)現(xiàn)數(shù)字動態(tài)變化顯示效果 ,感興趣的朋友一起看看吧2019-07-07JS表單驗(yàn)證方法實(shí)例小結(jié)【電話、身份證號、Email、中文、特殊字符、身份證號等】
這篇文章主要介紹了JS表單驗(yàn)證方法,結(jié)合實(shí)例形式總結(jié)分析了常用的表單驗(yàn)證技巧,包括電話、身份證號、Email、中文、特殊字符、身份證號等驗(yàn)證方法,需要的朋友可以參考下2017-02-02詳解關(guān)于JSON.parse()和JSON.stringify()的性能小測試
這篇文章主要介紹了詳解關(guān)于JSON.parse()和JSON.stringify()的性能小測試,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-03-03JavaScript判斷當(dāng)前時(shí)間是在某個(gè)時(shí)間點(diǎn)之前/之后
本文主要介紹了JavaScript判斷當(dāng)前時(shí)間是在某個(gè)時(shí)間點(diǎn)之前/之后,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07