1.ios h5 app avalon tap事件失效
使用MUI制作app界面,使用avalon.js渲染數據,發現在(Android上正常)ios上運行時容器div的avalon的ms-on-tap被內容遮住不執行.用MUI的on tap事件可以執行但改動較大,於是改為ms-on-click.(但是click事件有300ms延遲,解決方法在標題2處),搜索到以下解決方法:
解決辦法有 4 種可供選擇：(來自:https://happycoder.net/solve-ios-safari-click-event-bug/)
- 將
click事件直接綁定到目標元素（即.target）上 - 將目標元素換成
<a>或者button等可點擊的元素 - 將
click事件委托到非document或body的父級元素上 - 給目標元素加一條樣式規則
cursor: pointer;
推薦后兩種。從解決辦法來看，推測在 safari 中，不可點擊的元素的點擊事件不會冒泡到父級元素。通過添加 cursor: pointer 使得元素變成了可點擊的了。
最終使用第4種方法解決掉.
2.click事件的300ms延遲
解決方法如下:(來自:http://www.xiaomeiti.com/note/3585)
粗暴型：禁用縮放
<meta name="viewport" content="width=device-width, user-scalable=no">
關鍵是 user-scalable = no。 這個屬於簡單粗暴型的，雖然看似完美，但有一個致命的缺陷，當你必須完全禁用縮放來達到目的時候，就傻眼了，只有特定場景下的交互界面，此方案才可行，其它大多數情況，此法都不可行。 另外：Chrome 開發團隊不久前宣布，在 Chrome 32 這一版中，他們將在包含 width=device-width 或者置為比 viewport 值更小的頁面上禁用雙擊縮放。當然，沒有雙擊縮放就沒有 300 毫秒點擊延遲。
From:http://www.cnblogs.com/xuejianxiyang/p/5824640.html