jQuery .on() and .delegate() doesn't work on iPad

javascript jquery ipad delegation
Martin. picture Martin. · Apr 15, 2012 · Viewed 16.1k times · Source

If you try this snippet on desktop, everything works.
Whenever you try it on iPad, it won't do anything.

Simple .click() handler works, but it isn't what I want. The same applies for .delegate(); and .live()

Is it a bug or something?

Answer

mddw picture mddw · Apr 15, 2012

It's a Safari mobile bug/feature : click events won't bubble all the way up to body.

Adding onclick="" is a known workaround, but IMHO it's easier to attach your listener on a first child of <body>.

See: http://www.quirksmode.org/blog/archives/2010/09/click_event_del.html

Related questions

jQuery get the location of an element relative to window

Given an HTML DOM ID, how to get an element's position relative to the window in JavaScript/JQuery? This is not the same as relative to the document nor offset parent since the element may be inside an iframe or …

Read More
Detect iPad users using jQuery?

Is there a way to detect if the current user is using an iPad using jQuery/JavaScript?

Read More
Preventing default context menu on longpress / longclick in mobile Safari (iPad / iPhone)

For a website I want to show a custom context menu when a user "longpresses" the screen. I've created a jQuery Longclick listener in my code to show a custom context menu. The context menu is displayed, but the iPad's …

Read More