仅在关闭甜蜜警报后自动对焦

Question

仅在关闭甜蜜警报后，才能如何关注页面中的文本框。这是我正在使用的代码

swal({
title:'Student Already Logged In!', 
text: 'Student already logged in.', 
type: 'warning', 
timer: 2500, 
showConfirmButton: false
});

Answer 1

如果您使用的是SweetAlert2，则需要使用myElement.focus();添加一个承诺，如documentation中所述。

例如，您的文本框具有id='my-input'，您需要的JS代码是：

(function() {

  swal({
    title: 'Student Already Logged In!',
    text: 'Student already logged in.',
    type: 'warning',
    timer: 2500,
    showConfirmButton: false
  }).then(function() {
    document.getElementById('my-input').focus();
  });

})()

<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.0/sweetalert.min.js"></script>

<input type="text" id="my-input">

或者，如果您使用的是SweetAlert（v1.x），则需要将回调作为第二个参数swal()传递。

swal({
  title: 'Student Already Logged In!',
  text: 'Student already logged in.',
  type: 'warning',
  timer: 2500,
  showConfirmButton: false
}, function() {
  document.getElementById('my-input').focus();
});