本文主要是介绍mouseenter与mouseleave,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
前段时间在做鼠标 放上一个元素上添加一个按钮,移出删除此按钮。当时做的时候想到了mouseover与mouseout,并且也做了阻止冒泡,可是当在元素上移动时就会不断执行mouseover与mouseout,并且元素底部会出现空的带双引号的空元素节点。最后想到了用mouseenter与mouseleave,当鼠标移到元素上(mouseenter)向body中append此按钮,mouseleave时remove此按钮。代码如下:oBlog_code.hoverStart = (function(){$(document).delegate('.dp-highlighter,.prettyprint','mouseenter',function(){$(this).append('<div class="save_code">保存到我的代码片</div>');return false;});$(document).delegate('.dp-highlighter,.prettyprint','mouseleave',function(){$(this).find('.save_code').remove();return false;});})();
这篇关于mouseenter与mouseleave的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!