只关注一次 – Jquery

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

css()函数工作正常,但问题是focus()函数.页面加载后一切都很好,

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

我不想使用blur()函数.

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

最佳答案

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

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

});

Working Demo