清除输入值然后聚焦

时间:2017-05-16 15:43:49

标签: javascript jquery

我有这个小问题......我正在尝试清除输入,之后我想关注它,问题是我想在显示一个bootbox警告消息后执行此操作,这样做我的代码只清除我的输入文字,但不关注它,我该怎么做?这是一个Example Code

我试着解决这个问题:

var msj = bootbox.alert("Error message.");
$('#Barcode').val('');
msj.on('shown.bs.modal', function () {
    $('#Barcode').focus();    
});

以上代码对我不起作用。

编辑:这是我的代码。

$(document).ready(function () {
  
  $('#Number').on('keyup', function () {
    var num = $(this).val();
    
    if (num > 0)
      console.log("nothing to do");
    else {
        bootbox.alert("Clear input and then do focus");
        $('#Number').val('');
        $('#Number').focus();
      }
      
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
<script src="https://bootboxjs.com/bootbox.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" />


<input type="number" id="Number" />

1 个答案:

答案 0 :(得分:1)

使用此:

var msj = bootbox.alert("Error message.");
$('#Barcode').val('');
msj.on('hidden.bs.modal', function () {
    $('#Barcode').focus();    
});

使用此功能,您可以在隐藏/关闭模态后关注输入。