JS中事件流测试

以下是一段用于测试两种事件流的类型：捕获（capture）和冒泡（bubble），如下：

?点击inner输出的firefox下输出的结果是：
3.1
2.1
1
1.1
2
3
而不是：
3.1
2.1
1.1
1
2
3
原因是什么？
另外，不知道两种捕获类事件流的具体使用场景，stackoverflow上的回答也只是说为了兼容IE，一般都是bubble事件流。