js中的事件触发器

Question

javascript中事件触发器

在学习jQuery里边的trigger事件触发器

查询了自定义事件的方式,简单的实现了一个事件触发器,非IE浏览器

代码:

    var ev = document.createEvent('HTMLEvents');

    ev.initEvent('hello',true,true);

    

    // 绑定事件

    document.addEventListener('hello',function(){

        alert('自定义hello事件');

    });

    

    // 事件触发器

    document.dispatchEvent(ev);

执行成功 打开控制台浏览器提示了一个警告

不知道这个是什么原因 换成了原有的click事件同样也会弹出警告 但是jQuery中的trigger没有这个问题. 求解答哇

Answer 1

首先这个并没有什么关系，只是chrome控制台输出时间信息以帮助开发者改进代码。至于jq为何没有这个问题，是因为其的event事件基本是自己实现的，通过trigger触发事件并不会走原生的那一套，所以chrome也捕获不到了。详细情况可以尝试一下trigger原生事件，比如click，和手动点击的区别。