記錄混合APP開發遇到的坑！！

標籤：事件   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開發遇到的坑！！