本文探讨了HTML Image Maps在Mobile Safari中对于触摸事件的支持情况。作者通过实验发现，尽管鼠标事件可以被触发，但触摸事件却未能响应，尤其是在不规则形状的可点击区域。这一现象在iPad上表现得尤为明显。
Can anyone tell me, definitively, if html image maps support touch events in Mobile Safari? I need to use image maps because I have clickable areas that are irregularly shaped. My testing shows that mouse events are supported (but in a limited way) and that touch events don't seem to fire at all.
I did this simplest test:
The blue polygon is rigged for mouse events.
The red polygon is rigged for touch events.
When I view this page in regular Safari, clicking or hovering over the blue polygon fires off events as I would expect. And, of course, the red polygon does nothing (since touch events are not supported on the desktop)
However, when I view this page on my iPad, The blue polygon fires a triplet of mousemove, mousedown, mouseup on single tap and nothing else. Worse yet, touching the red polygon does nothing!
I'm totally hoping that I just missed something simple but if not, I'd really like to know for sure what's going on.
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
