Ios h5 app avron tap Click Event failure and click delay MS solution, avalon300ms

Ios h5 app avron tap Click Event failure and click delay MS solution, avalon300ms
1. the ios h5 app aveon tap event is invalid.

Use MUI to create the app interface and aveon. js renders the data and finds that the ms-on-tap of the container div is hidden from the content when running on ios (Android is normal. the on tap event of MUI can be executed, but the change is large, so it is changed to ms-on-click. (However, the click event has a latency of Ms. The solution is in Title 2.) Find the following solution:

There are four solutions available: (from: https://happycoder.net/solve-ios-safari-click-event-bug)

The last two types are recommended. From the solution point of view, it is estimated that in safari, click events of unclickable elements will not bubble to parent elements. Addcursor: pointerThe element becomes clickable.

Finally, 4th methods were used to solve the problem.

2. Ms latency of the click Event

Solution: (from: http://www.xiaomeiti.com/note/3585)

Rough: Disable Scaling 
<Meta name = "viewport" content = "width = device-width, user-scalable = no">

The key is user-scalable = no. This is a simple, crude model. Although it looks perfect, it has a fatal defect. When you have to completely disable scaling to achieve your goal, you are dumb-eyed. There is only an interactive interface in a specific scenario, this solution is feasible. In most other cases, this method is not feasible.In addition, the Chrome development team recently announced that in Chrome 32, they will disable double-click scaling on pages that contain width = device-width or that are smaller than the viewport value. Of course, there is no 300 ms click delay without double-click scaling.

 

From: http://www.cnblogs.com/xuejianxiyang/p/5824640.html