jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了只关注一次 – Jquery大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
朋友们,我有一个textarea,我想使用animate()和css()函数与此元素. @H_607_5@ @H_607_5@css()函数工作正常,但问题是focus()函数.页面加载后一切都很好,

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

@H_607_5@我不想使用blur()函数.

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

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

解决方法

要仅触发一次事件,您可以使用 one()函数,它附加一个事件监听器,然后在第一次触发后将其删除: @H_607_5@ @H_607_5@
$(document).ready(function(){
    $("#sharePost").one('focus',function(){
        $(this).animate({height:"+=50px"});
        $(this).css("BACkground-color","#ffccdd");
    });

});
@H_607_5@Working Demo

大佬总结

以上是大佬教程为你收集整理的只关注一次 – Jquery全部内容,希望文章能够帮你解决只关注一次 – Jquery所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。