jQuery之文本框得失焦點

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

1、本篇文章主要是對jQuery文本框得失焦點的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助版本一css代碼部分：復(fù)制代碼代碼如下:.focus{????border:1pxsolid#f00;????background:#fcc;}當(dāng)焦點獲得時，添加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)獲取焦點時，就添加樣式focus，通過$(this)自動識別當(dāng)前的元素。focus()方法是獲取焦點事件發(fā)生時執(zhí)行的函數(shù)。blur()方法是失去焦點事件發(fā)生時執(zhí)行的函數(shù)。版本二：有時候文本框里有默認的內(nèi)容，作為提示信息，獲取焦點后，要讓它消失?？梢宰鋈缦碌母脑欤簭?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);????????????}???????});???})???做個邏輯判斷，如果值為默認值，就將文本框中的內(nèi)容清空。失去焦點，如果文本框中為空，也就是沒有輸入內(nèi)容，就將值還設(shè)為默認值。這是一個簡單的邏輯。