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,请注明来意。