1.ios h5 app avalon tap事件失效使用MUI制作app界面,使用avalon.js渲染数据,发现在(Android上正常)ios上运行时容器div的avalon的ms-on-tap被内容遮住不执行.用MUI的on tap事件可以执行但改动较大,于是改为ms-o ...
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)
粗暴型:禁用缩放
原标题:ios h5 app avalon tap点击事件失效及点击延迟300ms问题解决方法
关键词:IOS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。