2017-11-15 12 views
0

誰かが私を助けることができますか?私が作るjQueryスクロール後フォーカス

return $(window).scroll(function() { 
    angular.element(":focus").blur(); 
    return angular.element("div.datepicker.datepicker-dropdown.dropdown-menu").hide(); 
}); 

コード::前

コード携帯電話で、それは、ウィンドウを使用しているので、それはキーボードを非表示にスクロールするとき

$(startDateEl).on('click', function(){ 
    $("div.datepicker.datepicker-dropdown.dropdown-menu").focusin().on('scroll', function(){ 
    $("div.datepicker.datepicker-dropdown.dropdown-menu").hide(); 
    }); 
}); 

は問題があります。 これは、ディレクティブ角度とカスタム日付を使用しています。次のページにこのウィンドウのスクロールイベント関数を常にアクティブにして、私が質問したいコードをリファクタリングする方法は、datePickerに.focus()を実行した後、.scroll()関数をアクティブにしてdatePickerを非表示にする方法です。

またはターゲット要素ウィンドウを使用せずに.scroll()を実行する方法

答えて

0

答えはモバイル

$("#main").bind('touchmove', function(){ 
     $("div.datepicker.datepicker-dropdown.dropdown-menu").hide(); 
     $(startDateEl).blur(); 
    }); 
用デスクトップ

  $("div.datepicker.datepicker-dropdown.dropdown-menu").on('mouseleave', function(){ 
       $("div.datepicker.datepicker-dropdown.dropdown-menu").hide(); 
       $(startDateEl).blur(); 
      }); 

//ため

//です

関連する問題