klicken Ereignislistener an Dokument angehängt.Körper nicht in iOS6 feuern?

Question

erleben seltsame Verhalten und nicht funktionierende Ereignis Delegation in iOS6, ist die Wurzel dessen, dass, wenn ich nur einen Event-Handler anhängen, document.body wie so:

document.body.addEventListener("click", function(){alert("ios6 sucks")}, false); 

dieses nicht laufen lassen, zum Beispiel, wenn ich gehe zu google.com und füge das via Safari remote webinspector hinzu. In einigen Fällen wird es ausgeführt, auch wenn ich auf einen Link auf der Seite klicke oder auf ein Element klicke, das direkt mit einem Event-Handler verbunden ist. Das selbe funktioniert in den großen Browsern und auf iOS 5 und 4. Das Hinzufügen von touchend zu body löst aus, wie es sollte und könnte eine mögliche Abhilfe sein, aber es ist wirklich vorzuziehen, den Browser Klicks erkennen zu lassen, anstatt einige Klickerkennung in Touchstart programmieren zu müssen/touchend. Ich frage mich, ob das ein iOS6 Bug ist. aber ich habe noch niemanden gesehen, der sich darüber beschwert hat.

Answer 1

@Bonkers ... Der Grund dafür, warum der Body-Klick ausgelöst wird, nachdem das click -Ereignis an das div angehängt wurde, liegt ausschließlich an der Ereignis-Bubbling.

ich Ihren Code hier repliziert zeigen, dass es zweimal auf dem div aufgerufen wird aber nur einmal auf dem Körper:

<div id="myDiv">FlackAttack Test</div> 

<script> 
document.body.addEventListener("click", function(){alert("ios6 sucks")}, false); 
document.getElementById('myDiv').addEventListener('click', function(){alert("ios6 sucks twice")},  false); 
</script> 

Wenn Sie das Ereignis von sprudelnden stoppen wollten, könnten Sie e.stopPropagation() aufrufen ; oder e.cancelBubble = wahr;