IOS Safari-click event Failure Solution __ios

Source: Internet
Author: User

Problem Description

When you use a delegate to add a click event to an element, if the event is delegated to document or body, and the element of the delegate is not clickable by default (such as Div, span, etc.), the Click event is invalidated.

<! DOCTYPE html> <html> <head> <meta charset= "UTF-8" > <meta name= "viewport" content= "WI

        Dth=device-width "> <title>ios click Bug test</title> <style>. Container {}
            . target {display:block;
            margin:100px 30px 0;
            padding:10px 0;
        border:1px solid #ccc; </style> </head> <body> <div class= "container" > <div class= "target" > C Lick me! </div> </div> <script src= "//" ></script> <scrip
        T type= "Text/javascript" >//or $ (document). On (' click ', ...)
        $ (' body '). On (' click ', '. Target '), function (e) {alert (' click ');
    }); </script> </body> </html>

The solution has 4 options: Bind the Click event directly to the target element (that is,. Target) and replace the target element with a clickable element such as <a> or button to delegate the Click event to non-document or B Adds a style rule to the target element on the parent element of the ody Cursor:pointer;

Two of the following are recommended. From the solution, it is speculated that the click events of clickable elements in Safari do not bubble to the parent element. By adding Cursor:pointer, the element becomes clickable.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.

Tags Index: