When you use a delegate to add a click event to an element, the click event is invalidated if the event is delegated to document or body, and the element of the delegate is the default non-clickable (such as Div, span, and so on).
There are 4 solutions to choose from:
1. Bind the Click event directly to the target? That is. Target) on
2. Change the target element to a clickable element such as a or button.
3. Delegate the Click event to the????? Non-document or body?? On the parent element
4. Add a style rule cursor:pointer to the target element;
? recommend the latter two. From the perspective of the solution, it is speculated that in Safari, a click event of a non-clickable element does not bubble to the parent element. By adding Cursor:pointer, the element becomes clickable.
The reason is: Safari does not want clickable elements clickable.
Here is a detailed answer to the HTML label command doesn ' t work in Iphone browser
Invalid iOS Click event