如圖所示,有兩個DIV彈窗(藍色彈窗A,黑色彈窗B)的關閉按鈕在幾乎相同的位置(顯示區域重疊一部分),關閉按鈕都綁定的touchend事件。問題現象:當點擊藍色彈窗A的關閉按鈕后,窗口正常關閉,但同時黑色彈窗B的關閉按鈕也接受到了事件。所以同時觸發了兩個彈窗的關閉。目前我的臨時解決方案時,藍色彈窗A的關閉按鈕綁定的事件加個setTimeout(func, 300)做延時。300ms以后再執行關閉彈窗操作,這樣能避免黑色彈窗B的按鈕被點到(經測試,延時必須大點,小于300ms幾乎都無法阻止)。這樣雖然能避免,但是體驗不太好,讓人感覺界面慢很多了。
請教大家有沒有更好的方案,解決ios下html5網頁里重疊元素的誤點問題???
慕田峪7331174
2023-04-18 22:18:15