2023年7月9日发(作者：)
js中hover事件时候的BUG以及解决⽅法hover事件是我们在开发前段时候遇到的稀松平常的问题，但是有没有发现会出现有⼀个BUg，⽐如，你移动到⼀个元素上，让它执⾏⼀个⽅法，然后你快速的移⼊移出的时候，他会进⾏亮瞎你眼睛的频闪效果，⽽且跟得了⽼年痴呆⼀样会进⾏延时显⽰，24K钛合⾦也会被闪瞎的，⿏标重复在相应区域滑动的时候，动画会⼀直执⾏，直到和⿏标经过的次数相同位置。⽐如⿏标移进3次，移出3次，动画就会出现三次。这显然是极度影响⽤户体验的。然后我们公司⼤后端告诉我说把mouseevent和monseleave合并成⼀个hover事件，还义正⾔辞的告诉我这是问题的所在（堂堂⼤前端竟然被后端的教育了，过分），然⽽我合并之后并没有什么卵⽤（啪啪的打脸），我就记得这是hover的不同写法罢了。好了，不闲扯了，开始说说⾃⼰的解决⽅法：刚开始我想到的是事件冒泡或者事件捕获，由于我⽤的是dom结构是li⾥⾯包裹ul，所以就想到了事件捕获，那就去阻⽌事件捕获吧，opagation()依旧闪，⽽且并没有解决。所以不是这个原因，那就从源头阻⽌⽅法⼀：延迟误操作插件-hoverIntent下载地址：/jquery-info274这个插件可以很好的解决这种Bug，防⽌误操作，兼容各个浏览器，包括恶⼼的IE6，良⼼推荐⽅法⼆：jq的stop⽅法在你的动画前⾯加⼀个stop()即可，我当时项⽬需要写的是slideup(),所以应该这样写$("dom").stop(false,false).fadeUp() 完美解决！！！！
发布者：admin，转转请注明出处：http://www.yc00.com/xiaochengxu/1688851575a176592.html
评论列表（0条）