指针事件:无不适用于IO

HOY*_*HOY 5 css svg object ios responsive-design

JSFiddle链接

单击SVG图像时,不会在iPhone中触发警报功能。(适用于android)。

如何在不使用z-index和overlay div的情况下在 iPhone中进行此工作?

的HTML

<div  id="svg" style="position: relative; background: green; width: 900px; height: 900px;" >
<object id="object" type="image/svg+xml" data="http://www.useragentman.com/tests/pointerEvents/images/tv-path.svg">
</object>
</div>
Run Code Online (Sandbox Code Playgroud)

的CSS

#svg object{
    pointer-events: none;
}
Run Code Online (Sandbox Code Playgroud)

Java脚本

$('#svg').on('click', function () {
    alert('hello'); 
});
Run Code Online (Sandbox Code Playgroud)