移動(dòng)端點(diǎn)擊穿透問題

1.問題描述

假如頁面上有兩個(gè)元素A和B。B元素在A元素之上。我們?cè)贐元素的touchstart事件上注冊(cè)了一個(gè)回調(diào)函數(shù),該回調(diào)函數(shù)的作用是隱藏B元素。我們發(fā)現(xiàn),當(dāng)我們點(diǎn)擊B元素,B元素被隱藏了,隨后,A元素觸發(fā)了click事件。
這是因?yàn)樵谝苿?dòng)端瀏覽器,事件執(zhí)行的順序是touchstart > touchend > click。而click事件有300ms的延遲,當(dāng)touchstart事件把B元素隱藏之后,隔了300ms,瀏覽器觸發(fā)了click事件,但是此時(shí)B元素不見了,所以該事件被派發(fā)到了A元素身上。如果A元素是一個(gè)鏈接,那此時(shí)頁面就會(huì)意外地跳轉(zhuǎn)。

可以采用fastclick插件避免上述問題

2、iscroll遇到的問題

1.內(nèi)容有的不可以點(diǎn)擊
new IScroll('#content-wrapper',{preventDefault:false});

2.滾動(dòng)div的設(shè)置

//容器
#content-wrapper {    
border-top: 2px #FD5900 solid;    
position: relative;
}
//滾動(dòng)容器
.content-scroll {    
position: absolute;   
 -webkit-transform:translate3d(0,0,0);    
width: 100%;    
min-height: 100.1%;
}

3.每次增加一個(gè)新的dom需要
myScroll.refresh();//跟新dom

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1.點(diǎn)擊穿透問題: 1.點(diǎn)擊穿透問題:點(diǎn)擊蒙層(mask)上的關(guān)閉按鈕,蒙層消失后發(fā)現(xiàn)觸發(fā)了按鈕下面元素的clic...
    迪麗迪麗閱讀 1,153評(píng)論 0 0
  • 一、移動(dòng)端300ms點(diǎn)擊延遲 一般情況下,如果沒有經(jīng)過特殊處理,移動(dòng)端瀏覽器在派發(fā)點(diǎn)擊事件的時(shí)候,通常會(huì)出現(xiàn)300...
    tsyeyuanfeng閱讀 33,367評(píng)論 8 69
  • 1.幾種基本數(shù)據(jù)類型?復(fù)雜數(shù)據(jù)類型?值類型和引用數(shù)據(jù)類型?堆棧數(shù)據(jù)結(jié)構(gòu)? 基本數(shù)據(jù)類型:Undefined、Nul...
    極樂君閱讀 5,878評(píng)論 0 106
  • 小時(shí)候,看見滿天飛沙,蒙雙眼。 小時(shí)候,聽見一地邪惡,血凝痂。 獨(dú)木舟上,前方未知,后方無路。 天真笑容,無日不哭...
    善良的老虎閱讀 183評(píng)論 0 2
  • 溫暖,沒有風(fēng),窗外僅傳來一聲聲狗吠,屋內(nèi)是電腦風(fēng)扇一轉(zhuǎn)一轉(zhuǎn)的聲音,我拿起手機(jī)寫下了這段話。 這是我的第一個(gè)夜晚。
    靜音者閱讀 281評(píng)論 0 0

友情鏈接更多精彩內(nèi)容