e.stopPropagation と e.cancelBubble の違い

e.stopPropagation と e.cancelBubble は、イベントがバブリングするのを阻止する方法ですが、ブラウザによって使用方法が異なります。

1. イベントのさらなる伝搬を止めるには、W3C標準のメソッドであるe.stopPropagationを使用する。この標準をサポートするブラウザでは、e.stopPropagation()メソッドを呼び出すことで、イベントが親要素やほかの要素に伝搬するのを防ぐことができる。
2. e.cancelBubble は IE 独自のメソッドで、イベントバブリングを止めるために使用されます。IE では、e.cancelBubble プロパティを true に設定することでイベントバブリングを止めることができます。

つまり、e.stopPropagationは標準的な方法で、大部分の現代のブラウザで使用できます。一方で、e.cancelBubbleはIE独自のメソッドで、IEブラウザのみで利用できます。