LigerUI弹窗按钮可以点击多次的问题解决
2018-01-25 17:11
891 查看
此方法也适用于普通js
首先我先解释一下遇到问题的Bug,公司使用的ligerUI的ligerDialog.open()的弹窗,并给弹窗设定了取消和确定按钮,点击确定按钮会提交from表单里的内容,在点击确定时会加一个盖幕防止按钮被点击多次,但是如果使用笔记本因为比普通电脑屏幕小,打开弹窗确定按钮处在盖幕的外边可以被点击多次,所以最近我就在解决该问题。。。。花了10分钟解决问题,然后玩了一天O(∩_∩)O哈哈~,代码如下:
使用jQuery的submit方法也可以,给点击按钮加一个onclick方法也行,使用表单的onsubmit方法也可以
var onclickcount = 0; //此行定义在事件方法的外面,下面的都写在方法里
if (onclickcount > 0) {//如果参数值大于0,让return方法为false
return false; //此行根据使用的方法自行修改例如去掉按钮的点击事件之类的
}
onclickcount++; //在点击第一次时让参数值不等于0
首先我先解释一下遇到问题的Bug,公司使用的ligerUI的ligerDialog.open()的弹窗,并给弹窗设定了取消和确定按钮,点击确定按钮会提交from表单里的内容,在点击确定时会加一个盖幕防止按钮被点击多次,但是如果使用笔记本因为比普通电脑屏幕小,打开弹窗确定按钮处在盖幕的外边可以被点击多次,所以最近我就在解决该问题。。。。花了10分钟解决问题,然后玩了一天O(∩_∩)O哈哈~,代码如下:
使用jQuery的submit方法也可以,给点击按钮加一个onclick方法也行,使用表单的onsubmit方法也可以
var onclickcount = 0; //此行定义在事件方法的外面,下面的都写在方法里
if (onclickcount > 0) {//如果参数值大于0,让return方法为false
return false; //此行根据使用的方法自行修改例如去掉按钮的点击事件之类的
}
onclickcount++; //在点击第一次时让参数值不等于0
相关文章推荐
- Android安卓关于避免按钮快速多次点击问题解决办法
- js解决按钮被多次点击的问题(微信支付-支付提交)
- 关于WinForm框架中点击按钮时存在的多次提交问题的解决方法
- 解决html按钮切换绑定不同函数后点击时执行多次函数问题
- 如何解决DrawerLayout打开时, main content view 中的按钮仍然可以被点击的问题?
- 解决<input type=“file” multiple> 多文件上传问题(可以多次选取文件,也可以一次选取多个文件),而且点击的是一个同一个div
- 解决vue 按钮多次点击重复提交数据问题
- 解决html按钮切换绑定不同函数后点击时执行多次函数问题
- quick 3.3 按钮多次点击出现问题的解决
- iOS - 解决短时间多次点击按钮,多次响应的问题
- 连续点击按钮后多次发送数据问题的解决办法
- 关于bxslider在点击左右按钮之后不能自动切换的问题解决
- jquery live方法,解决jquery动态添加按钮无法触发点击事件的问题
- android 自定义ListView 使其带单选框按钮,并解决item点击不响应的问题
- Android解决按钮重复点击问题
- 点击按钮一次,多次请求的问题
- 动态创建添加按钮后,解决开始需要点击两次才能触发,之后点击一次就可以了
- IE9浏览器点击“添加到收藏夹”按钮没有反应问题的解决方法
- 解决Toast点击多次调用多次的问题
- iOS开发中按钮多次响应问题解决方案