亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

jQuery實現設置、移除文本框默認值功能

2019-11-20 13:25:27
字體:
來源:轉載
供稿:網友

jQuery實現的文本框默認值感應鼠標動作:

本章節介紹一下如何利用jQuery實現文本框默認值感應鼠標動作的功能。
比如當文本框獲取鼠標焦點的時候,默認值會被清空,當文本框沒有輸入內容,鼠標焦點離開的時候,又會恢復到默認值。
代碼實例:

復制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>武林網</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#email").focus(function(){
    var email_txt = $(this).val();
    if(email_txt == this.defaultValue){
      $(this).val("");
    }
  })
  $("#email").blur(function(){
    var email_txt = $(this).val();
    if (email_txt == "") {
      $(this).val(this.defaultValue);
    }
  })
})
</script>
</head>
<body>
<p><input type="text" value="請輸入郵箱地址" id="email"/></p>
</body>
</html>

上面的代碼實現了我們的要求,下面簡單介紹一下它的實現原理:

非常的簡單,就是為文本框注冊focus和blur事件處理函數,當文本框獲取焦點的時候,如果文本框的內容和默認值相同,那么就會清空文本框,當焦點離開文本框的時候,如果文本框的內容為空,那么就會恢復到默認值。

或者使用下面的代碼:

復制代碼 代碼如下:

$('.default-value').each(function() {

       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;
               }
       });

});

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
成人黄色激情网| 日韩人体视频一二区| 98精品国产高清在线xxxx天堂| 亚洲精品美女视频| 亚洲欧美日本伦理| 亚洲精品久久在线| 亚洲欧美日韩在线高清直播| 国产精品久久999| 成人激情在线播放| 欧美大片大片在线播放| 国产成人高潮免费观看精品| 中文欧美日本在线资源| 国产精品中文字幕在线| 日韩视频欧美视频| 国产精品自产拍高潮在线观看| 亚洲午夜未删减在线观看| 国产精品视频最多的网站| 97国产精品视频人人做人人爱| 国产成人精品国内自产拍免费看| 国产精品久久久久久久久| 最近2019好看的中文字幕免费| 韩剧1988在线观看免费完整版| 国产一区二区在线免费视频| 欧美激情精品久久久久久变态| 久久青草福利网站| 亚洲视频在线观看| 亚洲日韩中文字幕| 精品二区三区线观看| 色无极亚洲影院| 亚洲精品97久久| 亚洲黄色www| 欧美老少配视频| 国产日韩欧美在线播放| 国产亚洲美女久久| 国产精品va在线播放| 国语自产精品视频在线看一大j8| 国产亚洲欧美日韩美女| 亚洲全黄一级网站| 中文字幕亚洲专区| 在线观看日韩欧美| 毛片精品免费在线观看| 欧美限制级电影在线观看| 色婷婷av一区二区三区在线观看| 91精品中文在线| 欧美日韩亚洲激情| 久久久91精品国产一区不卡| 国产精品18久久久久久首页狼| 日韩免费精品视频| 九九热这里只有精品免费看| 久久国产精品久久国产精品| 欧美一区二粉嫩精品国产一线天| 热久久这里只有精品| 亚洲999一在线观看www| 欧美激情一区二区三区久久久| 国产精品视频永久免费播放| 国产精品精品久久久久久| 国产欧美日韩综合精品| 国产成人av在线| 91精品国产综合久久香蕉的用户体验| 亚洲激情 国产| 久久久精品2019中文字幕神马| 成人免费高清完整版在线观看| 亚洲精品v欧美精品v日韩精品| www.99久久热国产日韩欧美.com| 亚洲国产成人av在线| 亚洲欧美中文日韩在线| 久久久久久久久爱| 日韩亚洲精品视频| 成人久久18免费网站图片| 高清日韩电视剧大全免费播放在线观看| 欧美高清视频免费观看| 9.1国产丝袜在线观看| 色小说视频一区| 欧美日韩国产激情| 国产精品人成电影在线观看| 国产成人精品综合| 主播福利视频一区| 精品久久久一区二区| 亚洲美女免费精品视频在线观看| 国产精品美女www| 国产精品看片资源| 久久国产精彩视频| 国产一区二区三区视频| 欧美亚洲另类视频| 91高清免费视频| 亚洲欧洲在线视频| 国产日韩欧美综合| 久久亚洲综合国产精品99麻豆精品福利| 欧美日韩国产在线看| 午夜精品三级视频福利| 久久久www成人免费精品| 有码中文亚洲精品| 久久九九精品99国产精品| 日韩国产高清污视频在线观看| 欧美成人免费小视频| 91久久精品国产| 亚洲国产日韩欧美在线图片| 国产精品亚洲视频在线观看| 亚洲天天在线日亚洲洲精| 国产成人在线一区二区| 精品五月天久久| 欧美亚洲另类制服自拍| 久久五月天综合| 久久久久久亚洲精品不卡| 国产成人av在线| 欧美日韩综合视频网址| 欧美日韩国产在线| 大荫蒂欧美视频另类xxxx| 亚洲成人在线视频播放| 成人网址在线观看| 日本精品免费一区二区三区| 欧美男插女视频| 亚洲二区在线播放视频| 国产精品2018| 成人免费网站在线看| 三级精品视频久久久久| 在线观看久久久久久| 国产精品丝袜高跟| 国产丝袜精品视频| 综合国产在线观看| 亚洲黄色在线看| 日日摸夜夜添一区| 亚洲成人黄色网址| 国产午夜精品免费一区二区三区| 欧美视频中文在线看| 成人激情在线播放| 美女久久久久久久| 色综合视频一区中文字幕| 丝袜一区二区三区| 成人黄色生活片| 久久人人爽国产| 亚洲精品美女久久久久| 国产日韩av在线播放| 亚洲xxxx在线| 国产精品久久久久久久久久小说| 亚洲第一精品福利| 激情av一区二区| 中文字幕久精品免费视频| 国产精品专区h在线观看| 欧美国产在线电影| 国产精品视频一| 欧美视频中文在线看| 成人黄色片在线| 97精品伊人久久久大香线蕉| 久久久久久久久久久91| 日本成人精品在线| 国产精品成av人在线视午夜片| 亚洲人成在线免费观看| 成人免费xxxxx在线观看| 国产一区欧美二区三区| 久久精品成人一区二区三区| 亚洲精品电影网| 国产精品视频资源| 亚洲第一中文字幕在线观看| 国产精品三级美女白浆呻吟| 最近2019中文字幕一页二页| 亚洲精品国产美女| 亚洲韩国日本中文字幕| 亚洲精品wwwww| 国产精品爽爽ⅴa在线观看| 最好看的2019的中文字幕视频| 亚洲综合国产精品| 亚洲午夜女主播在线直播| 亚洲曰本av电影|