学习中遇到了dispatchEvent,查阅资料总结以下
事件触发器是用来触发某个元素下的某个事件,IE下有fireEvent方法,高级浏览器(chrome,firefox等)有dispatchEvent方法。
一般我们在元素上绑定事件后,是靠用户在这些元素上的鼠标行为来捕获或者触发事件的,或者自带的浏览器行为事件,比如click,mouseover,load等等,有些时候我们需要自定义事件或者在特定的情况下需要触发这些事件。这个时候我们可以使用IE下fireEvent方法,高级浏览器(chrome,firefox等)有dispatchEvent方法。
自定义事件:
//document上绑定自定义事件oneating
document.addEventListener('oneating', function (event) {
alert(event.mingzi+','+event.message);
}, false);
//创建event的对象实例。
var event = document.createEvent('HTMLEvents');
// 3个参数:事件类型,是否冒泡,是否阻止浏览器的默认行为
event.initEvent("oneating", true, true);
/*属性,随便自己定义*/
event.mingzi = 'hello,我是李小贱';
event.message = '我今天24岁';
//触发自定义事件oneating
document.dispatchEvent(event);
基本三步完成,当然还有一些更高级的工具供我们使用,比如CustomEvent和MessageEvent
var event = new MessageEvent('Funtion', { 'bubbles' : true, 'cancelable' :false, });//定义事件实例对象
$.ajax(event);//通过$.ajax函数进行调用。
var aaa = document.dispatchEvent (event);//触发document上绑定的自定义事件
值得学习的博客:最详细的JS事件解读https://blog.csdn.net/u013510614/article/details/51923983
事件模型https://blog.csdn.net/JiangJunDriver/article/details/79529161