javascript-用户频率操作

最新推荐文章于 2022-12-16 22:41:33 发布

lucas-gz

最新推荐文章于 2022-12-16 22:41:33 发布

阅读量414

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/leonhuangjiajun/article/details/75720904

版权

javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

1.什么是用户频繁操作?

假设某个按钮绑定了事件,用户点击这个按钮,按钮会将事件传递到body然后到document然后到window(冒泡原理)简单来说执行需要一段时间才响应事件,假设用户频繁操作会出现事件排队执行因此需要阻止用户频繁操作.
参考:http://www.cnblogs.com/yexiaochai/p/3477715.html

2.怎么阻止用户频繁操作?

<!DOCTYPE html>
<html>
    <head>
        <meta charset='UTF-8'>
        <title>js阻止频繁点击</title>
        <style type='text/css'>
            body.hov{background:#f40;}
            #btn{}
        </style>
    </head>
    <body>
        <button id='btn'>事件</button>
    </body>
    <script type='text/javascript'>
        let btn=document.getElementById('btn');
        let flng=true;//表示第一次
        btn.onclick=function(){
            if(flng){
            flng=false;
            alert('属性重置了')
            setTimeout(function () { flng=true;},5000);//这里对flng重置  
            }else{
                alert('还没够时间重置')
            }
        }
    </script>
</html>