zoukankan      html  css  js  c++  java
  • 通过JS控制各种元素的点击事件的【时间间隔】,特别适合【发表评论】功能

    1、使用情景模拟:下单(防止用户无脑狂点)、支付(防止用户无脑点击支付)、发表评论(防止用户无脑点击),当然如果你用了一个提示框进行屏蔽,下面代码可以无视了,右上角谢谢。

    2、默写情景比如:比如发表评论页面,你不希望使用提醒框来增加用户发表步骤的复杂性,那么可以参考下面通过时间间隔控制【提交】按钮的时间间隔有效性,来解决这个问题。

    3、效果图:下图1是还没点击发送,图2是点击了发送,服务器需要时间处理,没处理完成之前用户再次点击【发送中】,是不会触发【发送】事件的,从而控制了【用户无脑点击】产生的多余垃圾事件数据。

    1

    2

    HTML代码(wxml类似):核心使用setTimeOut函数

    <script type="text/javascript">
    document.write(sumdemo(1, 2));
        var btn = document.getElementById('btn');
        btn.onclick = function() {
            this.disabled = 'disabled';
            setTimeout(function() {
                btn.disabled = '';
            }, 2000);//2秒后才能点击
        };
    </script>
  • 相关阅读:
    转: sublime text常用插件和快捷键
    转: markdown基本语法
    sqlite详细介绍
    webpack配置babel-loader
    vue骨架屏以及seo优化
    路由滚动行为
    anywhere随启随用的静态文件服务器
    node.js http-server 搭建本地服务器
    vuex中mutations数据响应
    vue项目开发优化
  • 原文地址:https://www.cnblogs.com/xuzhengzong/p/7340712.html
Copyright © 2011-2022 走看看