jQuery實現的文本框默認值感應鼠標動作:
本章節介紹一下如何利用jQuery實現文本框默認值感應鼠標動作的功能。
比如當文本框獲取鼠標焦點的時候,默認值會被清空,當文本框沒有輸入內容,鼠標焦點離開的時候,又會恢復到默認值。
代碼實例:
上面的代碼實現了我們的要求,下面簡單介紹一下它的實現原理:
非常的簡單,就是為文本框注冊focus和blur事件處理函數,當文本框獲取焦點的時候,如果文本框的內容和默認值相同,那么就會清空文本框,當焦點離開文本框的時候,如果文本框的內容為空,那么就會恢復到默認值。
或者使用下面的代碼:
var default_value = this.value;
$(this).focus(function(){
if(this.value == default_value) {
this.value = '';
}
});
$(this).blur(function(){
if(this.value == '') {
this.value = default_value;
}
});
});
新聞熱點
疑難解答