通过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>
通过JS控制各种元素的点击事件的【时间间隔】,特别适合【发表评论】功能...相关推荐
- html js修改readonly,js控制html元素的readonly属性
html元素假设为只读,那么其readonly="readonly",我们现在想通过js来改变readonly属性为可以输入. 初始时,两个输入框都是只读.点击change按钮后, ...
- html元素隐藏js 控制,JS控制HTML元素的显示和隐藏的两种方法
JS控制HTML元素的显示和隐藏的两种方法 利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位. 方法一 ...
- html,js 中如何屏蔽div子元素点击事件会触发父元素的点击事件($event.cancelBubble=true;)
1. 第一种方法:html中屏蔽父元素的点击事件($event.cancelBubble=true;) <div (click)="select($event)"> & ...
- jQuery移除或禁用html元素的点击事件
移除或禁用html元素的点击事件可以通过css实现也可以通过js或jQuery实现. 一.CSS方法 .disabled { pointer-events: none; } 二.jQuery方法 方法 ...
- html 点击子元素,html如何点击子元素事件而不触发父元素的点击事件——阻止冒泡...
如果子元素和父元素都有点击事件,会出现点击事件冒泡的情况. 1.如何避免冒泡: html: 你好, 战无不胜 [注销] js: 方法1: UserLogout.οnclick=function (e) ...
- js手动触发页面元素点击事件,程序触发,自定义点击事件模拟点击
页面有时候的使用场景需要手动控制某个元素响应点击事件,可以达到不直接点击元素来响应事件,这里可以使用element.dispatchEvent(),在使用element.dispatchEvent() ...
- css中为伪元素增加点击事件和hover
鼠标悬停在父元素上面时为伪类元素增加样式 <!-- html结构 --> <div class="father"></div><style ...
- JQuery 动态生成元素添加点击事件
页面代码 <html> ... <body> <div id="divBox"></div> <script> $(fu ...
- JS实现搜索按钮的点击事件
JS实现搜索按钮的点击事件 开发工具与关键技术:DW JS 作者:易金亮 撰写时间:2019.02.02 在各个网页或者软件中,往往离不开搜索框以及搜索按钮,下面我们来用JS实现简单的搜索按钮点击事件 ...
最新文章
- 语义分割--ParseNet: Looking Wider to See Better
- android Button背景高度被拉伸问题--解决方案
- 在Ubuntu中用anaconda快速安装opencv3
- 甲骨文预言机平台(2)OCI 系统架构
- linux系统基础调优32条技巧
- OllyDebug调试技巧(三)
- OpenGL延迟着色之三
- 数据结构——最小生成树之prime算法(与最短路径之迪杰斯特拉算法很像)
- 什么是URL转发和一个IP建多个Web站点--主机头名法
- 人工蜂群算法python_教程 | 用人工蜂群算法求解k-分区聚类问题
- Ansible结合跳板机控制远程服务器
- 我的worktools集合们
- Git 标签(tag)相关操作
- nui UI 具有右键属性的菜单树
- OpenCV2简单的特征匹配
- 第三章:3.9 引用Django 认证登陆
- 在FL Studio中如何使用混音器的效果
- android11系统原生铃声,原生系统的凤毛麟角 索尼Xperia 1 II推送Android 11体验
- 您的计算机存在远程桌面连接,远程桌面无法连接,详细教您电脑远程桌面无法连接怎么办...
- chrome 下载东西 失败禁止_用谷歌浏览器为什么没法下载文件?
热门文章
- 网络工程学习资料2---IEEE 802 标准集合
- 远程usb端口映射_PLC远程控制
- js截屏代码_JavaScript网页截屏方法,你get到了嘛?
- java中自造类是什么意思_Java建造者模式是什么?如何实现?(附代码)
- mysql过滤复制的实现
- MySQL中Order By与Limit不要一起用
- java修饰静态_Java-static修饰符及静态代码块
- 【Java】LeetCode 150. 逆波兰表达式求值 (后缀表达式)
- 关于ValueError: Unknown projection ‘3d‘报错的解决方法
- HDU3342拓扑排序