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

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

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

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

如圖

本想通過(guò)如下代碼來(lái)實(shí)現(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框失焦后，首先獲得焦點(diǎn)的，竟是body標(biāo)簽，也因?yàn)檫@樣，該方法失效了，最后采用以下代碼來(lái)實(shí)現(xiàn)的該功能

$("#search").focusout(function () {
  //判斷失焦后是否點(diǎn)擊的是清除鈕，若是則不重置
  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);
});

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

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

相關(guān)文章

最新評(píng)論

徐闻县| 永泰县| 紫阳县| 陆河县| 井陉县| 汾西县| 枞阳县| 宣恩县| 洞头县| 阳谷县| 汶上县| 衢州市| 东莞市| 罗田县| 保山市| 澜沧| 秦安县| 商都县| 晋州市| 甘孜| 革吉县| 富蕴县| 淳化县| 阳江市| 七台河市| 武川县| 乌什县| 博罗县| 温州市| 二手房| 临澧县| 任丘市| 昆明市| 固阳县| 辰溪县| 凤山市| 平潭县| 府谷县| 荣成市| 呈贡县| 昌江|