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”注意:参数要用中括号包裹起来

 

你可能感兴趣的:(js jq 主动触发事件)