document.bodyにアタッチされたイベントリスナーは、iOS6で起動しませんか？

Question

は奇妙な行動とiOS6、私は単純になるように、document.bodyにイベントハンドラをアタッチあればということであるのルートに非機能イベントの委任を体験：

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

このdoesntのを私ならば、たとえば、実行しますgoogle.comにアクセスし、SafariのリモートWebインスペクタ経由で追加します。場合によっては、ページ上のリンクをクリックした場合や、イベントハンドラが直接アタッチされている要素をクリックした場合など、実行されることもあります。主要なブラウザとiOS 5と4ではうまくいきます。本体にtouchendを追加すると、それが起こる可能性がありますが、潜在的な回避策になる可能性がありますが、ブラウザがクリック検出をプログラムするのではなく、/touchend。これがiOS6バグかどうか疑問に思います。しかし、私は誰もこれについてまだ不平を言うのを見たことがない。

Answer 1

@Bonkers ...クリックイベントをdivにアタッチした後にボディクリックがトリガーされる理由を参照するのは、イベントのバブリングのみに起因します。私はここにあなたのコードは、それがdiv要素に二回呼び出されますがされることを示す、複製

一度だけ体上：

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

あなたはバブリングからイベントを中止したい場合は、あなたがe.stopPropagationを呼び出すことができます（） ;またはe.cancelBubble = true;