最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

chrome下判斷點擊input上標(biāo)簽還是其余標(biāo)簽的實現(xiàn)方法

 更新時間：2016年09月18日 12:00:50   投稿：jingxian  
下面小編就為大家?guī)硪黄猚hrome下判斷點擊input上標(biāo)簽還是其余標(biāo)簽的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

想要實現(xiàn)的功能：當(dāng)input框失焦且點擊的不是清除鍵時，執(zhí)行reset方法重置input樣式，當(dāng)點擊清除鍵時，執(zhí)行clear方法，清除input內(nèi)容。

如圖

本想通過如下代碼來實現(xiàn)

$(".search-input").focusout(function () {
          if (document.activeElement.className !== 'close-t') {//close-t為清除鍵類名
            $('.search-input').addClass('search-before');
            $('.close').css('display', 'none');
            
            document.getElementById('search').value = '';
          }
});

以外的發(fā)現(xiàn)，當(dāng)inpu框失焦后，首先獲得焦點的，竟是body標(biāo)簽，也因為這樣，該方法失效了，最后采用以下代碼來實現(xiàn)的該功能

$("#search").focusout(function () {
  //判斷失焦后是否點擊的是清除鈕，若是則不重置
  var tapCloseButton = false;
  $('.close-t').focus(function () {
    tapCloseButton = true;
  });
  setTimeout(function () {
    if (!tapCloseButton) {
      $('.search-input').addClass('search-before');
      $('.close').css('display', 'none');
      document.getElementById('search').value = '';
    }
  },10);
});

將焦點判斷這一步驟延遲執(zhí)行，故此時焦點已經(jīng)從body上移到了真正所點擊的元素上，此時再對焦點進行判斷，看是否為清除鍵。

以上這篇chrome下判斷點擊input上標(biāo)簽還是其余標(biāo)簽的實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論

禹城市| 子洲县| 象山县| 彝良县| 平顺县| 彝良县| 绍兴市| 昌平区| 永平县| 长寿区| 镇康县| 襄汾县| 临泽县| 大余县| 涟水县| 丰宁| 赫章县| 长海县| 梅河口市| 罗定市| 奇台县| 涡阳县| 资阳市| 宝坻区| 墨竹工卡县| 宁明县| 青海省| 连山| 宁晋县| 嫩江县| 襄汾县| 于田县| 微博| 吕梁市| 比如县| 沾益县| 衡阳市| 枝江市| 化德县| 三门峡市| 渝北区|