javascript - Jquery，Bootstrap - 在模式隐藏上触发点击事件并在输入中选择文本

Question

当模式关闭时，如何选择输入内的文本？下面的代码正在运行 - 当我单击输入字段时，会出现警报并选择文本。在 modal hide event 显示警报，但未选择文本。这是怎么回事？

JS代码:

// Sellect text
$('.user').on('click', '#name', function(){
        $(this).select();
        alert(1);
    });
$('#myModal').on('hide.bs.modal', function(){

    $('.user').find('#name').trigger('click');

});

HTML

<div class="user">
  <p>Name
        <input type="text" name="name" id="name" value="<?php echo $user->name ?>" readonly="readonly">
  </p>
</div>

解决方案

我发现我应该使用 hidden.bs.modal 事件而不是使用 hide.bs.modal 事件。在这种情况下，脚本可以正常工作。

Answer 1

.focus 由于某种原因不起作用，它不允许您在模态完全卸载之前聚焦元素。我什至尝试将事件更改为在 hide.bs.modal 之后触发的 hidden.bs.modal，但这并不重要。

我发现的一个解决方法是使用 setInterval 并检查 body 是否有类“modal-open”，一旦它没有然后触发焦点事件

$('#myModal').on('hidden.bs.modal', function() {
  var waitForClose = window.setInterval(function() {
    if ($('body').hasClass('modal-open') == false) {
      $('.user').find('#name').trigger('focus');
      window.clearInterval(waitForClose)
    }
  }, 100);
});

http://jsfiddle.net/SeanWessell/61sc4Ldr/