记录混合APP开发遇到的坑!!

1、在IOS中给body绑定click事件会失效

2、在IOS中<div contenteditable="true"></div>中点击时可以弹出键盘但是无法输入。加一个样式-webkit-user-select:text就可以了。

3、禁用 长按弹出的菜单,会导致IOS中的输入框无法输入

* {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

input,textarea {
    -webkit-user-select:auto; /*webkit浏览器*/
    margin: 0px;
    padding: 0px;
    outline: none;
}

 

4、在移动端ios中使用on事件绑定无效$('xx').on('click',select,function() {})

     1)将selector元素增加样式cursor:pointer;

      2)将click换成touchstart

      3)将XX换成 select的父级元素

5、ios中滑动不流畅  添加下面代码

-webkit-overflow-scrolling:touch;

    但是会导致固定定位和绝对定位失效,解决办法是把需要滚动的部分内容和固定定位/绝对定位放在同级

原文地址:https://www.cnblogs.com/xuyuanlong/p/7729350.html