jQuery之文本框得失焦點(diǎn)

《jQuery之文本框得失焦點(diǎn)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、本篇文章主要是對(duì)jQuery文本框得失焦點(diǎn)的簡單實(shí)例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助版本一css代碼部分：復(fù)制代碼代碼如下:.focus{????border:1pxsolid#f00;????background:#fcc;}當(dāng)焦點(diǎn)獲得時(shí)，添加focus樣式，添加邊框，并改背景色為#fcchtml代碼部分：復(fù)制代碼代碼如下:??????????

4、are框。:input匹配所有input,textarea,select和button元素。jQuery代碼部分：復(fù)制代碼代碼如下:???$(function(){???????$(":input").focus(function(){?????????????$(this).addClass("focus");???????}).blur(function(){?????????????$(this).removeClass("focus");

5、???????});???})???用:input匹配所有的input元素，當(dāng)獲取焦點(diǎn)時(shí)，就添加樣式focus，通過$(this)自動(dòng)識(shí)別當(dāng)前的元素。focus()方法是獲取焦點(diǎn)事件發(fā)生時(shí)執(zhí)行的函數(shù)。blur()方法是失去焦點(diǎn)事件發(fā)生時(shí)執(zhí)行的函數(shù)。版本二：有時(shí)候文本框里有默認(rèn)的內(nèi)容，作為提示信息，獲取焦點(diǎn)后，要讓它消失。可以做如下的改造：復(fù)制代碼代碼如下:???$(function(){???????$(":input").fo

6、cus(function(){?????????????$(this).addClass("focus");?????????????if($(this).val()==this.defaultValue){??????????????????$(this).val("");???????????????????????}???????}).blur(function(){????????????$(this).removeClass("focus");????????????if($(this).val

7、()==''){???????????????$(this).val(this.defaultValue);????????????}???????});???})???做個(gè)邏輯判斷，如果值為默認(rèn)值，就將文本框中的內(nèi)容清空。失去焦點(diǎn)，如果文本框中為空，也就是沒有輸入內(nèi)容，就將值還設(shè)為默認(rèn)值。這是一個(gè)簡單的邏輯。