亚洲国产精品成人无码区,公天天吃我奶躁我的比视频,亚洲国产欧美视频亚洲国产精品一区二区成人片不卡,天天躁日日躁狠狠躁视频2021,起视碰看97视频在线少妇久久久久久人妻无码, 芒果乱码一线二线三线新区 ,亚洲熟妇无码AⅤ不卡在线播放,人妻少妇乱子伦无码专区

400-800-9385
網(wǎng)站建設(shè)資訊詳細(xì)

微信小程序如何避免按鈕多次點(diǎn)擊重復(fù)觸發(fā)事件

發(fā)表日期:2017-12-02 21:06:13   作者來源:方維網(wǎng)絡(luò)   瀏覽:19925   標(biāo)簽:微信小程序    

?比如頁面有一個(gè)form表單,快速重復(fù)點(diǎn)擊兩次提交按鈕,你會(huì)發(fā)現(xiàn)提交了數(shù)據(jù)兩次,這種現(xiàn)象在正常情況下不會(huì)發(fā)生,只有當(dāng)網(wǎng)絡(luò)非常不好或者手機(jī)設(shè)備實(shí)在太差的時(shí)候才會(huì)發(fā)生。當(dāng)作為一個(gè)嚴(yán)謹(jǐn)完美的應(yīng)用,這種情況是不應(yīng)該發(fā)生,那么如何避免按鈕多次點(diǎn)擊重復(fù)觸發(fā)事件呢?方維網(wǎng)絡(luò)參考微信小程序開發(fā)文檔以及網(wǎng)絡(luò)搜索找到了如下幾個(gè)方法:

方法一、解決問題主要思路是當(dāng)按鈕被第一次點(diǎn)擊時(shí),設(shè)置按鈕disabled屬性為true,從而避免被再次點(diǎn)擊。方法解決步驟如下:
1、增加頁面data參數(shù)disabled,這個(gè)參數(shù)名可自己隨意定義,設(shè)置初始值為false;
2、頁面綁定按鈕disabled屬性,具體代碼片段發(fā)布;
3、當(dāng)事件執(zhí)行開始時(shí),加入代碼 this.setData({disabled:true}),就是設(shè)置按鈕為不可用;
4、事件執(zhí)行完畢,重新初始化按鈕disabled屬性,有兩種情況: 如果事件執(zhí)行完頁面發(fā)生跳轉(zhuǎn)如navigateTo 當(dāng)返回的時(shí)候,你會(huì)發(fā)覺按鈕不可用,這時(shí)候
需要在onShow事件加入代碼
onShow:function() {
this.setData({disabled:false})
}
如果頁面不需要跳轉(zhuǎn),直接在事件執(zhí)行完畢的時(shí)候加入this.setData({disabled:false})
這時(shí)候你會(huì)問,為什么不都在事件執(zhí)行完畢時(shí)候設(shè)置disabled為false.當(dāng)頁面發(fā)生跳轉(zhuǎn)的時(shí)候不好用,我自己測(cè)試過。

方法二、通過設(shè)置遮罩層,當(dāng)按鈕被第一次點(diǎn)擊的時(shí)候,彈出一個(gè)遮罩層遮擋按鈕被再次點(diǎn)擊,這種方法需要自己定義一個(gè)遮罩層,可通過一個(gè)data屬性來控制是否顯示,具體執(zhí)行步驟和方法一類似。

方法三、不通過遮罩層和按鈕disable屬性,直接通過變量來控制是否執(zhí)行事件,具體代碼大致如下:
1、設(shè)置參數(shù)is_first_action為true
2、事件執(zhí)行前設(shè)置is_first_action為false,然后執(zhí)行事件時(shí)判斷is_first_action是否為true,否則不執(zhí)行
3、執(zhí)行完初始化is_first_action為true

以上三種方法相同點(diǎn)都是通過data屬性來判斷是非是第一次執(zhí)行,不同點(diǎn)在于界面展示,其中第一種可能只適合按鈕,而第二種和第三種方法適合圖片或者文字觸發(fā)的事件。

還有一種特別的重復(fù)觸發(fā)情況時(shí),當(dāng)按鈕需要定義單擊、雙擊和長按事件時(shí),單擊、雙擊和長按是三種不同的事件,雖然小程序通過兩個(gè)事件參數(shù)執(zhí)行不同事件,但是有個(gè)BUG就是當(dāng)雙擊和長按的時(shí)候都會(huì)觸發(fā)單擊事件。如何解決這個(gè)問題可參考方維網(wǎng)絡(luò)的文章《微信小程序點(diǎn)擊事件重復(fù)觸發(fā)如何解決

微信小程序發(fā)布一年多以來,說實(shí)話,BUG還是挺多的,不過修補(bǔ)也很積極,經(jīng)常深更半夜更新新的功能或者修復(fù)BUG,這點(diǎn)還是值得學(xué)習(xí)的。


 

如沒特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請(qǐng)注明來自http://www.oulysa.com/news/4022.html
相關(guān)網(wǎng)站設(shè)計(jì)案例
久久久精品人妻一区二区三区蜜桃| 久久久99精品免费观看| 日本黄页网站在线观看| AV无码片一区二区三区| 亚洲国产精品成人网址天堂| 亚洲性夜色九九九久久久| 高清无码精品综合一区二区三区色片| 亚洲天堂久久精品| 天堂8中文在线最新版官网| 欧美激情精品视频一区二区| 97久久精品亚洲中文字幕无码| 青青草a国产免费观看| 久久久久精品无码专区| 亚洲中文字幕无码一区二区三区| 国产精品欧美一二区| 亚洲欧美日韩国产高清在线观看| 日韩AV无码中文一区二区三区| 亚洲中文字幕自拍无码| 午夜黄色福利18禁在线网址| 吉泽明歩一区二区三区中文字幕| 国产成人精品热玖玖玖| 国产黄a大片真人免费视频| 精品人妻在线视频一区二区三区| 内射人妻无码色AV麻豆| 在厨房拨开内裤进入毛片| 日本熟妇一区二区三区在线视频| 精品无码久久久久久久久久| 大乳丰满人妻中文字幕日本| 色妞色视频一区二区三区四区| 欧美精品v欧洲精品| 日韩国产欧美综合网| 无人视频在线观看免费播放影院| 欧美精品在线观看福利| 中文字幕无码日韩欧毛| 国产精品露脸国语对白99| 国产成人无码视频一区二区三区| 国产动作大片中文字幕| 色婷婷六月亚洲综合香蕉| 免费观看尤物视频日本级三网站| 国产午夜精品久久电影| 無碼人妻久久一區二區三區不卡|