Click event listener works in Safari in OSX but no

2019-02-17 22:50发布

站内问答 / JavaScript
861 3 6

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?

3条回答
爱情/是我丢掉的垃圾
2楼-- · 2019-02-17 23:18

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

查看更多
0人赞 添加讨论(0) 举报
smile是对你的礼貌
3楼-- · 2019-02-17 23:33

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.

查看更多
0人赞 添加讨论(0) 举报
Luminary・发光体
4楼-- · 2019-02-17 23:34

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);
查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(6)