为什么jQuery的焦点功能不工作在第二次

Why jQuery Focus function not working on second time?

本文关键字：工作 第二次 功能 jQuery 焦点 为什么      更新时间：2023-09-26

我正在使用jQuery中的focus函数创建一个效果。在输入焦点上，div从顶部向下移动用户可以在这里填充数据这是jsfiddle的例子我现在想要的问题是它第一次工作正常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();
            }
          }); 
      });
});

我已经简化了你的代码如下:

$( 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();
    }
  });
});
相关文章：