jQuery Scroll After Focus

时间:2017-11-15 11:33:35

标签: javascript 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();
  });
});

问题是在手机滚动时它会隐藏键盘,因为它使用了窗口。 这使用指令角度和自定义日期。在下一页之后,这个窗口滚动事件函数始终处于活动状态,然后我重构代码我想要问的是如何在.focus()到datepicker之后使这个运行顺序,然后激活.scroll()函数来隐藏datepicker < / p>

或如何在不使用目标元素窗口的情况下使用.scroll()?

1 个答案:

答案 0 :(得分:0)

答案是

// for desktop

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

// for mobile

    $("#main").bind('touchmove', function(){
      $("div.datepicker.datepicker-dropdown.dropdown-menu").hide();
      $(startDateEl).blur();
    });