Click event listener works in Safari in OSX but not in iOS
Question
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 answers
solution1
1 2012-12-27 11:58:12
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);
solution2
1 2012-12-27 13:45:28
尝试将事件侦听器“单击”更改为“单击touchstart”
solution3
0 ACCPTED 2012-12-27 16:47:52
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.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.