码迷,mamicode.com
首页 > Web开发 > 详细

js 主动触发事件

时间:2015-12-30 08:04:58      阅读:300      评论:0      收藏:0      [点我收藏+]

标签:

    //主动触发事件:触发鼠标被按下事件
    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>

 

js 主动触发事件

标签:

原文地址:http://www.cnblogs.com/hamsterPP/p/5087627.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!