1

在一个 php Web 应用程序中，我使用的是 twitter 引导模式框。当我单击表单中的保存按钮时，会显示模态框并且默认焦点正常工作。但在 iPad 中，当我点击 go 按钮时，焦点不起作用。

这是我正在使用的 twitter 引导模式代码：

<div class="modal hide" id="confirm-password">                    
   <div class="modal-header">    
   </div>
   <div class="modal-body">    
       <input type="text" placeholder="Your Current Password" value="" name="currentpassword" id="currentpassword" autofocus>                      
   </div>
   <div class="modal-footer">                           
   </div>
</div>

这是JS代码：

$('#confirm-password').on('shown', function () {
   jQuery('input:text:visible:first', this).focus(); //focus for input
});
4

2 回答 2

1

请注意，这focus不适用于 iPad。用户必须点击有问题的输入。这不是特定于 Bootstrap 的。

请参阅： iPad HTML 焦点

当为触摸屏设备显示对话框时，您可以做的是在相关输入上触发click或touchstart事件。

于 2013-01-08T15:16:44.977 回答
0

如果您将 Web 应用程序添加到主屏幕，这将适用于最近的 iOS。

于 2014-03-20T10:28:47.477 回答