前端工程师必学的触发DOM事件处理方法

其实就是将当前选中的元素进行一次each遍历，然后判断要触发的事件是不是focus或者blur，如果是就直接执行。再进一步，如果dispatchEvent方法在当前的dom元素属性中存在，那么便将该事件触发。以上就是关于触发DOM事件知识。

最近广州前端培训小编在看zepto的源码，这部分的知识在web前端开发中是有帮助的，希望通过这词学习的机会，大家能掌握一些关于框架设计的小技巧，在这里我们也可以再次温习js基础知识，我们也可以当作是巩固一遍吧。假如您对这一系列有浓厚的兴趣，欢迎关注北大青鸟培训学校,就可以随时关注关于前端开发的新知识。下面小编就和大家说下zepto中事件模块(event.js)中必学的trigger实现最终的原理。

web前端开发在最近几年实在火爆异常，vue、react、angular各路框架层出不穷，咱们要是不知道个双向数据绑定，不晓得啥是虚拟DOM，也许就被鄙视了。火热的背后往往也是无尽的浮躁，学习这些先进流行的类库或者框架可以让我们走的更快，但是静下心来回归基础，把基石打牢固，却可以让我们走的更稳，更远。

event.js模块

zepto中由许多小的模块组合合成，基础的zepto.js模块,event.js事件处理模块,ajax.js请求处理模块等等。其中event.js事件处理模块的核心完成了zepto中事件绑定on，移除off还有手动触发trigger等功能。北大青鸟教育小编简单回顾下如何使用zepto的功能。

isString：判断是不是字符串

isPlainObject：判断是不是存粹的对象(必须是对象，window对象除外，该对象的原型必须和Object的原型一致)

compatible其实就是对事件对象event做一些扩展，比如添加一些方法，重写一些方法之类的。

这个函数就是返回一个经过初始化了的事件对象

到这里计算机软件培训小编就直接归纳一下要手动触发一个dom事件的基本步骤：

手动触发一个dom事件，需要3步，北大青鸟it培训架构小编决定如果你对document.createEvent,不是很熟悉，可以点击查看。

创建一个事件对象document.createEvent(event)

初始化事件对象event.initEvent(type, bubbles, true)

分发事件dom.dispatchEvent(event)