js jq 主動觸發事件

js的自定義事件與觸發

    //主動觸發事件：觸發鼠標被按下事件
    var btn2 =document.getElementById("btn2");
    var btn  = document.getElementById("btn");

        //步驟1:先創建1個事件
    var evObj = document.createEvent("MouseEvents");
       //步驟2:初始化這個event
    evObj.initEvent("click",true,true);
        //步驟3:觸發這個event:目標obj.dispatchEvent()
        // 點擊第二個按鈕，觸發第一個按鈕的按下事件 
    btn2.onclick = function(){
        btn.dispatchEvent(evObj);
    }

html code:

<button id="btn">我是button</button>
<button id="btn2">觸發前面那個按鈕的點擊事件</button>

 -----------------------------------------------------------------------

jquery的trigger觸發自定義事件

    //trigger內傳參的寫法,
    $("#btn3").bind('myEvent', function (event, message1, message2) {
        alert(message1 +' ' + message2);
    });
    $('#btn3').trigger('myEvent', ['Hello','World!']); //彈出“hello world”注意：參數要用中括號包裹起來