If you try this snippet on desktop, everything works. Whenever you try it on

Question

Asked: June 2, 20262026-06-02T00:05:40+00:00 2026-06-02T00:05:40+00:00

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

$('body').on('click', '#click', function() {
    alert("This alert won't work on iPad");
});

div { 
  font-size: 24px; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="click">Click here</div>

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

Is it a bug or something?

You must login to add an answer.

Need An Account,

Editorial Team · Answer 1 · 2026-06-02T00:05:41+00:00

Editorial Team

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>.

The Archive Base Latest Questions