Record hybrid app development encounters the pit!!

1. Bind the Click event to the body in iOS will fail

2. <div contenteditable= "true" ></div> in iOS can eject the keyboard but cannot enter it. Add a style-webkit-user-select:text to it.

3, disable long press the popup menu, will cause the input box in iOS cannot be entered

* {  -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 Browser */
margin:0px;
padding:0px;
Outline:none;
}

4. Using the on event binding in mobile iOS is invalid $ (' xx '). On (' Click ', Select,function () {})

1) Add the selector element style cursor:pointer;

2) switch the click to Touchstart

3) Replace XX with the parent element of SELECT

5, the iOS slide not fluent add the following code

-webkit-overflow-scrolling:touch;

However, fixed positioning and absolute location failure can be caused by the solution of the need to scroll part of the content and fixed positioning/absolute positioning in the same class

Record hybrid app development encounters the pit!!