js触发已有事件，js trigger_JS、jQ、TS_我爱模板网 - 提供下载各种免费建站资源，免费网站模板，免费网页特效，让你爱上建站！

js触发已有事件，js trigger

来源：未知作者：类型：文章教程点击次数：发布时间：2018-09-08 14:23:09

js触发已经写好的事件，类似于jQuery的trigger方法，但是js本身不具备trigger方法，必须自己进行封装，下面的代码经测试有效：

01function trigger(){
02    if(document.all) {
03        //IE
04        document.getElementById("title").click();
05    } else {
06        // 其它浏览器
07        var e = document.createEvent("MouseEvents");
08        e.initEvent("click", true, true);　　　　　　　　　　　　        //这里的click可以换成你想触发的行为
09            document.getElementById("title").dispatchEvent(e);    //这里的clickME可以换成你想触发行为的DOM结点
10        }
11}

运行下面的代码，可以看效果：

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js触发已有事件，js trigger - 我爱模板网 www.5imoban.net</title> </head> <body> <button id='clickMe'>点击我触发下面的标题标签点击事件</button> <h1 id='title'>H1标题</h1> <script> document.getElementById('title').onclick = function(){ alert('点击了H1标签'); }; document.getElementById('clickMe').onclick = function(){ trigger(); //点击按钮的时候，触发h1的点击事件 }; function trigger(){ if(document.all) { //IE document.getElementById("title").click(); } else { // 其它浏览器 var e = document.createEvent("MouseEvents"); e.initEvent("click", true, true);　　　　　　　　　　　　 //这里的click可以换成你想触发的行为 document.getElementById("title").dispatchEvent(e); //这里的clickME可以换成你想触发行为的DOM结点 } } </script> </body> </html>
提示：您可以先修改部分代码再运行