SVG interactivity on an iPad

Question

We have code that loads SVG via Ajax and then interacts via Javscript. Under Mozilla, and under Safari 5, running on a PC we get click events as expected in SVG. Running Safari iPad we don't get click events. According to the Safari developer guide:

http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/CreatingContentforSafarioniPhone/CreatingContentforSafarioniPhone.html

it looks probable we should be 'Making Elements Clickable.' Apple's guide suggests one does this by adding an onclick handler. The problem is all our SVG elements already have a click handler set up via jQuery - and they still don't click.

Maybe this is because SVG is not HTML, and SVG's DOM access is not HTML DOM's access? (We've been here before.)

How do we get the iPad to listen for events on SVG elements?

Answer 1

To my knowledge, there is a problem with safari according this javascript - which handles canvas/SVG It seems that click and touch is not the same. https://github.com/kangax/fabric.js/blob/master/dist/all.js And SVG 1.1 does not have other than click events http://www.w3.org/TR/SVG11/interact.html#PointerEventsProperty I have the same interest, therefore I seek the same information ...

Answer 2

I was able to get click events working on Ipad using jquery and javascript. but my issue is that the svg blurs on an iPad.

My svg is embedded in an html object, then I just access it by calling a normal click event referenced to a function that access the svg component through:

window.top.document.getElementById('elementId');