I have bind a click event as document.body.onclick = function(){alert("aaa")};
It do good both on android or chrome on IOS whatever element I click. But it does not trigger on iPhone safari while click the elements except a and img element.
But it can bubble to body while binding the touchstart event.
At last, I have to add to div(#main) to contain all my elements, and then bind the delegate object on this div.
document.querySelector("#main").onclick = function(){alert("aaa")}
So I am wandering why the onclick event stops before it bubble to body.