写点什么

Js 封装:阻止频繁重复操作

用户头像
lockdown56
关注
发布于: 2020 年 09 月 15 日

应用中,有些场景我们不希望用户频繁操作或是代码频繁调用,比如我们不希望用户频繁的点击按钮,鼠标移动事件中不希望频繁的调用相应的计算方法。如果每次都手撸一次也太麻烦,我们可以考虑对此进行封装。

function preventRepeat (fn, interval) {
var _fn = fn,
timer
return function () {
var args = arguments
_this = this
if (timer) {
return false
}
_fn.apply(_this.args)
timer = setTimeout(function () {
clearTimeout(timer)
timer = null
}, interval || 3000)
}
}
window.onmousemove = preventRepeat(function() {
console.log("mouse move")
})



用户头像

lockdown56

关注

还未添加个人签名 2017.12.09 加入

还未添加个人简介

评论

发布
暂无评论
Js 封装:阻止频繁重复操作