禁止input框频繁触发某一事件

最新推荐文章于 2024-11-09 22:41:40 发布

浑浑噩噩撸代码

最新推荐文章于 2024-11-09 22:41:40 发布

阅读量298

点赞数

CC 4.0 BY-SA版权

分类专栏： H5 文章标签： h5 禁止input频繁触发某一事件

本文链接：https://blog.youkuaiyun.com/weixin_42315964/article/details/83618903

H5 专栏收录该内容

11 篇文章

订阅专栏

本文深入探讨了防抖技术的应用场景及实现方式，特别是在频繁触发事件和执行DOM操作时的优化策略。通过具体示例，如搜索框实时更新数据，展示了如何使用防抖函数避免不必要的资源消耗，提高用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

应用场景：频繁触发某一事件，频繁执行DOM操作、资源加载等重行为；

function debounce(fun, delay) {
    return function () {
        var that = this;
        clearTimeout(fun.mark);
        fun.mark= setTimeout(function () {
            fun.call(that)
        }, delay)
    }
}

function AJAX() {
    $.ajax({
        url:"url"
    }).done(function (res) {
        console.log(res);
    })
}

var debounceAjax = debounce(AJAX, 500);
$("#searchInput").on("input", function () {
    debounceAjax();//搜索框搜索，实时更新数据
});