js中css（display：none）和remove在实际使用时的不同？
写一个鼠标悬停显示，离开消失的js
鼠标悬停时在js中得到数据，使用.append（pop）粘贴到dom，显示在.Micro_video_imgne标签内。
鼠标移走时使用remove让pop消失。
但使用remove时有一个问题，当鼠标在pop上边悬停时，pop标签就会闪啊闪，因为增加的样式（.pop）在鼠标悬停标签（.Micro_video_img）内。
如果使用css（display：none）可以完美实现效果。但出个问题是会增加页面的标签。
$("body").on("mouseover",".Micro_video_img",function(){
var pop="
橡皮雕刻章子-周杰伦
"+
"<s class='taolun_icon icons'></s>53</div><div class='like'><s class='like_icon icons'></s>230</div></div>";
$(this).append(pop);
});
$("body").on("mouseout",".Micro_video_img",function(){
$(this).children("div.pop").remove();});
展开
收起
1
条回答
写回答
写回答
-
造成闪烁的原因：鼠标移动到pop上触发了mouseover事件，移除了pop后，又触发了mouseout事件，实际上是两个事件的交替执行，导致页面不停渲染造成的。
解决方案：经过元素以及它的子元素都会触发mouseover事件，将mouseover/mouseout事件换成mouseenter/mouseleave。2019-07-17 19:18:07赞同 展开评论 打赏
问答分类：
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
