您好,登錄后才能下訂單哦!
屏蔽web端雙擊鼠標(biāo)產(chǎn)生問題
從上面兩張圖就可以看出,如果用戶誤操作雙擊“確認(rèn)支付并出保險(xiǎn)”按鈕,則會(huì)出現(xiàn)如上圖現(xiàn)象。如何消除此現(xiàn)象呢?
我想到的解決方法:在調(diào)用的click事件時(shí),設(shè)置一個(gè)flag開關(guān),flag類型為boolean型默認(rèn)值為true的且為全局變量。flag為判斷條件放入if語句中,當(dāng)?shù)谝淮吸c(diǎn)擊觸發(fā)事件時(shí),設(shè)置flag為false并執(zhí)行點(diǎn)擊事件綁定方法。如此,當(dāng)用戶點(diǎn)擊第二次時(shí),flag為false,不執(zhí)行點(diǎn)擊事件綁定方法。這就有效避免了上圖問題的發(fā)生。
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:'', /**支付緊急送審添加標(biāo)識(shí)*/ approvalUrgencyPayed:'0', //緊急送審已支付 approvalUrgencyNoPayed:'0',//緊急送審待支付 urgencyApvCache : null, //緊急送審緩存 tcEmergencyPay:false,//TC緊急送審且需要支付的行程 /**判斷GP保險(xiǎn)按鈕點(diǎn)擊次數(shù)*/ GPInsureClickCount:true }, /**************************GP保險(xiǎn)支付start*************************************/ /**查詢GP保險(xiǎn)信息*/ $('#gpInsurePayDialog').on('click',function(){ $('#gpInsurePayDialog').addClass('flow-btn disabled-btn'); if(th.get('GPInsureClickCount')){ th.set('GPInsureClickCount',false); governmentProcureMent.gpInsurePayDialog(); } });
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。