addEventListener and attachEvent

 <div id="btn">btn</div>

  document.getElementById( " btn " ).onclick  =  method1;
document.getElementById( " btn " ).onclick  =  method2;
document.getElementById( " btn " ).onclick  =  method3;

//此时只执行method3的方法

要想三个方法都执行的话怎么办？？

//为某一事件附加其它的处理事件   dom.addEventListener(type，listener，is capture）  firefox下

//分别表示事件类型，执行的方法，和是否是冒泡（捕获和冒泡，默认为冒泡）

//ie下为：dom.attachEvent(type,listener)  只有冒泡

var test = document.getElementById( " btn " );

test.addEventListener('click',method1,false);

test.addEventListener('click',method2,false);

test.addEventListener('click',method3,false);

此时就会执行method1,method2,method3,这三个方法

那么在firefox里怎么使用第三个参数呢？

<div id="div1" style="border:1px solid red;width:500px;height:500px">1111
        <div id="div2">2222
            <div id="div3">  3333
                <div id="div4" style="border:1px solid red;width:200px;height:200px">
                    Hello World444
                </div>
            </div>
        </div>
    </div>

 <script type="text/javascript">      
        var d1 = document.getElementById('div1');
        var d2 = document.getElementById('div2');
        var d3 = document.getElementById('div3');
        var d4 = document.getElementById('div4');
        d1.addEventListener("click",function(e){
            console.log("d1 clicked");
            //console.dir(e);
            //e.stopPropagation();
        },true);
        d2.addEventListener("click",function(e){
            console.log("d2 clicked");
            //e.stopPropagation();
        },false);
        d3.addEventListener("click",function(e){
            console.log("d3 clicked");
            //e.stopPropagation();
        },false);
        d4.addEventListener("click",function(e){
            console.log("d4 clicked");
        },true);

    </script>