我正在将fullpage.js用于网站。我有几个普通的部分,其中一个包含溢出滚动,最后一个包含带有文本输入的表单。

单击输入时的预期行为:它获得焦点,出现键盘,然后在其外部单击时,输入失去焦点。

现实:在输入之外单击后,没有任何反应,它不会失去焦点。如果隐藏键盘,则在外面单击,甚至在另一部分上,它也会再次出现,我不知道为什么。

有人可以帮忙吗?

仅在Android中发生此问题

$(document).ready(function() {
  $('#fullpage').fullpage({
    verticalCentered: false,
    scrollOverflow: true,
    scrollOverflowOptions: {
      scrollbars: false,
    },

  });
});


jsFiddle https://jsfiddle.net/p4behjvs/4/

最佳答案

找到了。问题出在iscroll5插件中。将preventDefault: false添加到scrollOverflowOptions解决了该问题

$('#fullpage').fullpage({
    verticalCentered: false,
    scrollOverflow: true,
    scrollOverflowOptions: {
        scrollbars: false,
        preventDefault: false
    },

});

关于javascript - Fullpage.js-无法从Android输入中移除焦点,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/38766967/

10-16 13:39