Iphone专注于使用bootstrap模式的输入,textarea字段问题

时间:2017-01-15 10:35:45

标签: ios css iphone bootstrap-modal

我有问题。在我的项目中,我有一个问题,专注于使用iPhone设备的输入。问题是,当我点击输入字段并开始输入内容时,当我点击iphone的移动键盘按钮“准备好”时,切换到另一个输入字段时,焦点会转移到未知方向。所以在那之后,我无法滚动模态窗口,而不是那个,body元素滚动,但模态窗口保持固定元素。任何建议都会非常感激。

1 个答案:

答案 0 :(得分:2)

当您的应用失去焦点时,将触发模糊事件。模糊基本上与焦点相反。触发此事件后,您可以通过执行以下操作再次关注表单:

  1. 确保您从表单中获取输入元素。
  2.   

    让$ inputElements = $('#modalDialog')。find(' input');

    1. 添加模糊事件侦听器。
    2. 在您的事件监听器内强制关注您的模态。
    3. $inputElement.on('blur', function() { 
          let $modal = $('#modalDialog');
          $modal.focus();  
      });
      

      只需要查看模式的正确ID是什么,输入元素确实是输入元素,而不是选择或任何其他可能适用的标记。