不能专注于文本框JQuery

时间:2016-11-08 06:51:55

标签: jquery autofocus

我的控制台中没有收到任何错误消息,但JQuery中的.focus()函数不起作用。 我使用了.focus.val('') ... .val('')正常工作的2个功能,但.focus()无法正常工作

这是我的HTML代码:



    $('.sukses').show(function(){
       var notif = 'some message'; 
       $('.notif').html(notif);
    });    
    $('#kode').focus();
    $('.kode_guru').val('');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="alert alert-success sukses" style="display: none">
        <strong>Success!</strong><p class="notif"></p>
    </div>

    <form action="#" id="form" class="form-horizontal" role="form">
       <input onblur="this.focus()" type="text" name="guru" id="kode" class="kode_guru">
    </form>
&#13;
&#13;
&#13;

我的程序流程是,当我的文本字段(&#39; .kode_guru&#39;)发生变化时,通知将会出现,文本字段将重置为&#39;&#39;并再次自动聚焦另一个输入

希望你们明白我在谈论什么 谢谢

1 个答案:

答案 0 :(得分:0)

我希望你说的是这样的事情:

$('.kode_guru').on('change', function() {
  $('.sukses').show(function() {
    var notif = 'some message';
    $('.notif').html(notif);
  });
  $('#kode').focus();
  $('.kode_guru').val('');
});

这是fiddle