在ios端,safari瀏覽器上觸發(fā)click事件有300ms的延遲相應(yīng),為touch添加的樣式會和click沖突而出現(xiàn)閃爍問題
創(chuàng)新互聯(lián)堅持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:成都做網(wǎng)站、成都網(wǎng)站設(shè)計、成都外貿(mào)網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時代的衡陽縣網(wǎng)站設(shè)計、移動媒體設(shè)計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!
在safari中觸摸事件的相應(yīng)順序如下:
touchstart --> touchmove --> touchend --> click(300ms)
此時可試用以下樣式取消click事件的默認(rèn)樣式來消除頁面閃爍問題
*{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
(值得一提的是,300ms的延遲主要是用于判斷用戶是否為雙擊操作)
總結(jié)
以上所述是小編給大家介紹的解決ios端點(diǎn)擊按鈕閃爍問題(小tips),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持!