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

Posted 2020-10-12

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;

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