Question

我在jQuery中使用focus函数创建一个效果。在输入焦点上，div从顶部向下移动，用户可以在这里填充数据是jsfiddle example那个东西我现在想要的问题是它工作正常第一次div正确向下移动但是当我再次单击该输入它不起作用。我也使用模糊效果从输入聚焦，但之后我无法再次点击输入框。所以我想知道它将如何在第二次工作。

这是我的jQuery代码，其余的是示例

$( document ).ready(function() {

      $( "#getcoupon" ).focus(function(){

          $("#toggle").attr('checked', true);


          $(document).keyup(function(e) {
            if (e.keyCode == 27) { 
                $("#toggle").attr('checked', false);
                 // $("#getcoupon").focus();
            }
          }); 
      });
});

Answer 1

我已经简化了你的代码：

$( document ).ready(function() {
  $( "#getcoupon").focus(function(){
    $("#toggle").prop('checked', true);   
  });

  $(document).keyup(function(e) {
    if (e.keyCode == 27) { 
        $("#toggle").prop('checked', false);
        $( "#getcoupon" ).blur();
         // $("#getcoupon").focus();
    }
  });
});

为什么jQuery Focus功能不能第二次运行？

1 个答案: