本篇文章给大家带来的内容是关于js事件委托的代码实现以及代码的优化，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

前两天接手了同事的一个项目，是一个网站首页，其中有段代码很累赘，要实现的功能就是，

通过给父元素添加鼠标移入移出事件，来控制子元素显示隐藏。

html代码，一共有四个父元素div，每个父元素嵌套一个子元素div，

这是截取了其中一个div：

最简单粗暴的方法莫过于这样：

直接写八个方法，分别设置属性的样式block或者none。

这样写虽然简单，但是出于代码优化，页面响应速度的关系，我们还是需要改动的。

问了问同事，说看看有关事件委托的