只关注一次 - Jquery

Question

朋友们,我有一个textarea,我想使用animate()和css()使用此元素.

css()功能正常,但问题是focus()功能.页面加载后一切都很好,

当我专注于textarea时,它的高度增加50px但是当我模糊然后再次聚焦到textarea然后高度再次增加50px.

我不想使用blur()功能.

我的问题是关于使用focus()功能.我想focus() 每页加载一次.

<script>
              $(document).ready(function(){
                  $("#sharePost").focus(function(){
                  $(this).animate({height:"+=50px"});
                  $(this).css("background-color","#ffccdd");
                  });
                  $("#sharePost").blur(function(){
                  //$(this).animate({height:"-=50px"});
                  });
              });
</script>

Answer 1

要只触发一次事件,你可以使用one()函数,它附加一个事件监听器,然后在它第一次触发后将其删除:

$(document).ready(function(){
    $("#sharePost").one('focus', function(){
        $(this).animate({height:"+=50px"});
        $(this).css("background-color","#ffccdd");
    });

});

工作演示