检测引导模式以更改按键输入的目标

时间:2015-12-16 15:49:27

标签: javascript jquery html twitter-bootstrap

我有这个代码来检测按键并向我的搜索栏直接输入id =" search"。

    $( document ).keypress(function() {
  $("#search").focus();

我还有一个带输入字段的bootstrap模态对话框。有没有办法检测模态是否打开 - 如果它是打开的,将输入指向模态的第一个字段?

<div class="modal fade" id="signup" role="dialog">
 <div class="modal-dialog">
  <div class="modal-content">
    <div class="modal-header">
    </div>
    <div class="modal-body">
      <input id="input_modal" placeholder="" size="14" autofocus="autofocus"><br>
       <input type="submit" value="Submit" class="hide"/>
    </div>
  </div>
 </div>
</div>

2 个答案:

答案 0 :(得分:1)

对于Bootstrap 3:

if ($("element").data('modal') && $("element").data('modal').isShown) {
  //do something
} 

答案 1 :(得分:0)

$('#myModal').on('shown.bs.modal', function () {
    $("#search").focus();
})