码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2017-10-25 16:45:41      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:事件   htm   样式   function   input   无法   -o   ios   移动端   

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;

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

 

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

标签:事件   htm   样式   function   input   无法   -o   ios   移动端   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!