如何在JavaScript里防止事件函数的高频触发和调用

qq_34974974 2017-03-28 06:53:58

现在有个应用场景，商品可以点击添加进购物车(会有部分动画效果)，连续多次点击添加购物车按钮后，动画效果会卡主，整个浏览器也卡死无响应了，求大神解决

...全文

168 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

似梦飞花 2017-03-28

打赏
举报

点击后禁止点击过一段时间后在放开点击啊找个变量记录是否在禁止时间内

qq_34974974 2017-03-28

打赏
举报

//飞入动画，具体根据实际情况调整 $(".addToCart").click(function(){ $(".hoverCart a").html(parseInt($(".hoverCart a").html())+1);/*测试+1*/ var shopOffset = $(".hoverCart").offset(); var cloneDiv = $(this).parent().siblings(".goodsPic").clone(); var proOffset = $(this).parent().siblings(".goodsPic").offset(); cloneDiv.css({ "position": "absolute", "top": proOffset.top, "left": proOffset.left }); $(this).parent().siblings(".goodsPic").parent().append(cloneDiv); cloneDiv.animate({ width:0, height:0, left: shopOffset.left, top: shopOffset.top, opacity:1 },"slow"); });

qq_34974974 2017-03-28