Click event listener works in Safari in OSX but not in iOS

javascript ios macos safari click

12,106

Solution 1

I found a very simple solution. I put another div about the div element in my sample code (see my question above). The opening div tag is

<div onClick="">

All divs inside this div tag will now trigger the click event. This also works with touchstart.

Solution 2

This code should work cross-browser:

function Subscribe(event, element, func) {
    if (element.addEventListener) {
        element.addEventListener(event, func, false);
    } else if (element.attachEvent) {
        element.attachEvent("on" + event, func);
    } else {
        element['on' + event] = func;
    }
}

function func () {
    alert('hi');
}

Subscribe('click', window, func);

Solution 3

Try changing the event listener "click" to "click touchstart"

12,106

Author by

Mark

Use the contact form on my website if you want to send me a mesage. Economy-x-Talk Software Engineering I wrote a book about LiveCode: Programming LiveCode for the Real Beginner The second edition is available from 23d September 2019.

Updated on June 16, 2022

Comments

Mark almost 2 years

I'm making a web app and I want to click on an element and handle the click in one long click event handler. I'm testing in Safari. The following works fine in Safari on my Mac but not in iOS:

<html>
    <head>
        <script>
            window.addEventListener("click",function (event) {
                alert('hi');
            });
        </script>
    </head>
    <body>
        <div style="width: 100%; height: 100%; background: black;">
        </div>
    </body>
</html>

Why does this work in the OSX version of Safari but not in iOS?