多语言展示
当前在线:1237今日阅读:84今日分享:32

javascript事件委托案例详解

在javascript中 onclick,onmouseover,onmouseout等这些称着事件,那么委托呢?      委托->大家都听过法律上有委托人,代理人之类的名词。  顾名思义,委托就是在事件本来时加在某些元素上,然后你却加到别的处理程序(例如绑定在别的元素)上来完成这个事情。    对名词有个理解了。 接下来我们看看代码 ,动手吧 !  代码君.......
方法/步骤
1

非常简单的 一个 html代码  现在需求是 移动到对应 li 上的时候 变成红色。

2

按照我们 添加事件的做法 代码 每一个li遍历 添加事件  代码如下,

3

好接下来我们看看事件委托的做法。

4

绑定到父级元素上 的  移入  事件 。这样不用给每一个元素绑定事件 ,大大的提高了性能。( 好处)

5

绑定到父级元素上 的  移出 事件 。如果我们在ul里面再动态添加新元素  依然可以用这个委托来处理 (好处)

6

达到同样 的效果。  当然 上面的代码写得有点粗暴, 就是刚刚有人问我 。随笔写了经验。 大神勿喷。

推荐信息