js操作輸入框提示信息且響應(yīng)鼠標(biāo)事件
更新時(shí)間:2014年03月25日 17:38:45 作者:
注冊(cè)網(wǎng)站的輸入框就有默認(rèn)提示值,當(dāng)獲取鼠標(biāo)焦點(diǎn)的時(shí)候,默認(rèn)值被刪除,當(dāng)用戶沒輸入東西焦點(diǎn)離開的時(shí)候,又恢復(fù)默認(rèn)提示值
我們經(jīng)常遇到一些輸入框,比如注冊(cè)網(wǎng)站的輸入框就有默認(rèn)提示值,當(dāng)獲取鼠標(biāo)焦點(diǎn)的時(shí)候,默認(rèn)值被刪除,當(dāng)用戶沒輸入東西焦點(diǎn)離開的時(shí)候,又恢復(fù)默認(rèn)提示值。這方法用js代碼實(shí)現(xiàn)如下:
html代碼:
<input type="text" id="email" name="email" class="txt_input" value="請(qǐng)輸入經(jīng)常使用的郵箱" onfocus="fn_focus(this);" onblur="fn_blur(this);"/>
js代碼:
function fn_focus(ele){
if(ele.value == ele.defaultValue){
ele.value = '';
}
}
function fn_blur(ele){
var reg = /^[\s]*$/;
if(reg.test(ele.value) || ele.value == ele.defaultValue){
ele.value = ele.defaultValue;
}
}
html代碼:
復(fù)制代碼 代碼如下:
<input type="text" id="email" name="email" class="txt_input" value="請(qǐng)輸入經(jīng)常使用的郵箱" onfocus="fn_focus(this);" onblur="fn_blur(this);"/>
js代碼:
復(fù)制代碼 代碼如下:
function fn_focus(ele){
if(ele.value == ele.defaultValue){
ele.value = '';
}
}
function fn_blur(ele){
var reg = /^[\s]*$/;
if(reg.test(ele.value) || ele.value == ele.defaultValue){
ele.value = ele.defaultValue;
}
}
您可能感興趣的文章:
- jQuery與js實(shí)現(xiàn)顏色漸變的方法
- 漂亮! js實(shí)現(xiàn)顏色漸變效果
- 神奇!js+CSS+DIV實(shí)現(xiàn)文字顏色漸變效果
- js實(shí)現(xiàn)按鈕顏色漸變動(dòng)畫效果
- js+HTML5實(shí)現(xiàn)canvas多種顏色漸變效果的方法
- javascript實(shí)現(xiàn)顏色漸變的方法
- Javascript 顏色漸變效果的實(shí)現(xiàn)代碼
- JS Tween 顏色漸變
- JS實(shí)現(xiàn)響應(yīng)鼠標(biāo)點(diǎn)擊動(dòng)畫漸變彈出層效果代碼
- JS響應(yīng)鼠標(biāo)點(diǎn)擊實(shí)現(xiàn)兩個(gè)滑塊區(qū)間拖動(dòng)效果
- JS實(shí)現(xiàn)網(wǎng)頁(yè)游戲中滑塊響應(yīng)鼠標(biāo)點(diǎn)擊移動(dòng)效果
- 滾動(dòng)條響應(yīng)鼠標(biāo)滑輪事件實(shí)現(xiàn)上下滾動(dòng)的js代碼
- JavaScript實(shí)現(xiàn)的鼠標(biāo)響應(yīng)顏色漸變效果完整實(shí)例
相關(guān)文章
JS教程:window.location使用方法的區(qū)別介紹
這篇文章介紹了window.location使用方法的區(qū)別,有需要的朋友可以參考一下2013-10-10ion content 滾動(dòng)到底部會(huì)遮住一部分視圖的快速解決方法
本文給大家?guī)砹薸on content 滾動(dòng)到底部會(huì)遮住一部分視圖的快速解決方法,其實(shí)解決方法超簡(jiǎn)單的,只要在你的controller里面預(yù)先注入$ionicScrollDelegate就可以了,感興趣的朋友通過本文一起學(xué)習(xí)吧2016-09-09設(shè)置下載不需要倒計(jì)時(shí)cookie(倒計(jì)時(shí)代碼)
利用賦值downvip實(shí)現(xiàn)軟件下載的倒計(jì)時(shí)代碼2008-11-11使用JavaScript判斷用戶輸入的是否為正整數(shù)(兩種方法)
在項(xiàng)目開發(fā)中,需要使用JavaScript驗(yàn)證用戶輸入的是否為正整數(shù),下面小編給大家分享兩種方法,需要的朋友參考下2017-02-02js實(shí)現(xiàn)前端界面導(dǎo)航欄下拉列表
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)前端界面導(dǎo)航欄下拉列表,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-08-08Javascript數(shù)組操作函數(shù)總結(jié)
這篇文章主要給大家匯總介紹了Javascript數(shù)組操作函數(shù),需要的朋友可以參考下2015-02-02