屏蔽用户双击按钮产生的后续点击事件重复发生问题

屏蔽web端双击鼠标产生问题

从上面两张图就可以看出,如果用户误操作双击“确认支付并出保险”按钮,则会出现如上图现象。如何消除此现象呢?

我想到的解决方法:在调用的click事件时,设置一个flag开关,flag类型为boolean型默认值为true的且为全局变量。flag为判断条件放入if语句中,当第一次点击触发事件时,设置flag为false并执行点击事件绑定方法。如此,当用户点击第二次时,flag为false,不执行点击事件绑定方法。这就有效避免了上图问题的发生。

      var JourneyDetail = Widget.extend({
				Implements:GovernmentProcureMent,
				attrs : {
					apvRuleAction : ‘‘,
					apvRule : null,
					journeyNo_cipher : null,
					corpCode : null,
					selectApver : ‘‘,
					approvalUrgency : ‘0‘,
					underLineAction : null,
					orderReturnAction : null,
					cancelAction : null,
					sendEmailAction : null,
					jourState : null,
					psgRemark : null,
					returnReason : null,
					airItemtktlAction:ctx+‘/journey/json/airItemtktl.html?requestType=AJAX‘,
					hotelManualAction:ctx+‘/hotel/json/hotelManualConfirm.html?requestType=AJAX‘,
					queryPayUrlAction:ctx+‘/pay/json/alipay/getDirectPayUrl.html?requestType=AJAX‘,
					queryEmergencyPayUrlAction:ctx+‘/pay/json/alipay/getDirectPayUrl.html?requestType=AJAX‘,
					queryPayTktlAction:ctx+‘/pay/json/alipay/getTktl.html?requestType=AJAX‘,
					singleTradeQuery:ctx+‘/pay/json/singleTradeQuery.html?requestType=AJAX‘,
					queryAiritemDetail:ctx+‘/journey/tc/queryAiritemDetail.html?requestType=AJAX‘,
					refundHoverListAction:ctx+‘/pay/json/refundHoverList.html?requestType=AJAX‘,
					defaultApvers:null,
					containerHight:null,
					validatorRefund:‘‘,
					/**支付紧急送审添加标识*/
					approvalUrgencyPayed:‘0‘, //紧急送审已支付
					approvalUrgencyNoPayed:‘0‘,//紧急送审待支付
					urgencyApvCache : null, //紧急送审缓存
					tcEmergencyPay:false,//TC紧急送审且需要支付的行程
					/**判断GP保险按钮点击次数*/
					GPInsureClickCount:true
				},
                                /**************************GP保险支付start*************************************/
					/**查询GP保险信息*/
					$(‘#gpInsurePayDialog‘).on(‘click‘,function(){
						$(‘#gpInsurePayDialog‘).addClass(‘flow-btn disabled-btn‘);
						if(th.get(‘GPInsureClickCount‘)){
							th.set(‘GPInsureClickCount‘,false);
							governmentProcureMent.gpInsurePayDialog();
						}
					});
时间: 2024-10-13 21:50:55

屏蔽用户双击按钮产生的后续点击事件重复发生问题的相关文章

android 自定义带按钮的Notification及点击事件和伸缩通知栏

1.自定义一个带按钮的Notification布局:layout_notification: 2.创建Notification: RemoteViews views = new RemoteViews(getPackageName(),R.layout.layout_nitification); //自定义的布局视图 //按钮点击事件: PendingIntent homeIntent = PengdingIntent.getBroadcast(this,1,new Intent("action

按钮的三种点击事件

1.直接实现内部类 1 //给button设置点击事件 2 bt_call.setOnClickListener(new MyonClickListener()); 3 4 5 6 //定义一个内部类 实现onClickListener接口 7 private class MyonClickListener implements OnClickListener{ 8 9 @Override//当按钮被按 调用此方法 10 public void onClick(View v) { 11 //业务

JS 按钮下一步(onclick点击事件)

1 <html> 2 <head> 3 <meta charset="UTF-8"> 4 <title></title> 5 </head> 6 <body> 7 <input id="aaa" type="checkbox" onclick="check()" /> 8 <input type="button&qu

Android中按钮的点击事件的四种写法

如题,在Android中按钮的点击事件有四种写法,如下图. 界面为四个Button+一个TextView+一个ImageView activity_main布局文件如下: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="

Android的按钮四种点击事件

本文记录一下按钮的四种点击事件 第一种 public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //------------第一种---------------------- Button

阻止用户双击使屏幕上滑

/*阻止用户双击使屏幕上滑*/var agent = navigator.userAgent.toLowerCase();        //检测是否是iosvar iLastTouch = null;                                //缓存上一次tap的时间if (agent.indexOf('iphone') >= 0 || agent.indexOf('ipad') >= 0){    document.body.addEventListener('tou

双击按钮的实现

实现双击退出:  1.单击,弹出提示对话框,提示再按一下退出 2.再次点击--判断两次点击间隔时间* 小于3s退出 按钮的点击事件: public void onClick(View view){ //记录当前时间 currentTime = System.currentTimeMillis(); //如果当前时间-设定时间 大于3s if(currentTime - time > 3000){ Toast.makeText(OnClickActivity.this, "再按一次退出程序&

ASP.NET用户登录按钮事件

1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Text; 5 6 namespace HotelMIS 7 { 8 public static class DBHelper 9 { 10 //连接数据库字符串 11 public static readonly string conStr = "Server=.;Database=HotelManager;Integr

[原创推荐]屏蔽微信举报按钮的黑科技!

[屏蔽微信举报按钮的黑科技]为了把微信域名防封技术做到极致,这次我们给微信屏蔽投诉按钮功能做了升级更新,实现了在苹果IOS端隐藏微信投诉按钮,不影响微信正常分享功能,精简了分享菜单,如下图: iOS屏蔽微信投诉按钮界面 在Android(安卓)微信端,隐藏屏蔽微信投诉按钮,如下图: Android屏蔽微信投诉按钮界面 此次微信屏蔽投诉按钮黑科技的升级,会为微信推广带来更强大的技术保障. 需要请加微信,备注:黑科技 原文地址:https://www.cnblogs.com/aishares/p/1