jquery - 帮助 jquery 中的焦点/模糊语义

Question

...

  $(document).ready(function(){

        $('form').submit(function(){
                $('input#second').focus();
                return false;
        });

        $('#first').blur(function(){
                alert('blur');
        });
  });

...

  <form>
    <input id=first><br>
    <input id=second><br>
    <input type=submit>
  </form>

...

1. 加载页面
2. 点击第一个输入以使其获得焦点
3. 按 Enter 键提交表单

然后会发生以下情况:

1. $('form').submit() 被调用并且
2. 它将焦点设置到#第二个输入并退出
3. #first 失去焦点，#second 获得焦点，但是...
4. $('#first').blur() 未调用

这是一个live demo .

我错过了什么？

谢谢

Answer 1

尼克是对的，你的 HTML 确实很困惑。您还没有结束输入标签或 br(s)。最重要的是，您应该将输入标记中的属性值放在双引号中。

这里的工作是 demo http://www.jsfiddle.net/dAdG8/

<script type="text/javascript">
$(document).ready(function(){
    $('form').submit(function(){
         $('input#second').focus();
         return false;
    });

     $('#first').blur(function(){
         alert('blur');
     });

     // logging
     $('input').blur(function(){
         $('pre').append('blur, ' + this.id + '\n');
     });

     $('input').focus(function(){
         $('pre').append('focus, ' + this.id + '\n');
     });
});
</script>

<form>
     <input id="first" />
     <br />
     <input id="second" />
     <br />
     <input type="submit" />
 </form>