代码如下

 copy

1. var aDiv=oDiv.getElementsByTagName("div");  

2.     for(var i=0;i<aDiv.length;i++){  

3.         aDiv[i].addEventListener("mouseover",change(),false);  

4.     }  

问我为什么mouseover事件都没有触发，为什么直接执行了函数。我当时也蒙了一下，但是后来突然发现，addEventListener中的处理函数只需要放一个函数名就行了，这样写就以为这执行这个函数，因此，改写代码：

 copy

1. function change(obj){  

2.             obj.style.transform="scale(0)";  

3.         }  

4.               

5.         var aDiv=oDiv.getElementsByTagName("div");  

6.         for(var i=0;i<aDiv.length;i++){  

7.             aDiv[i].addEventListener("mouseover",change,false);  

8.         }  

但是现在问题又来了，我们需要一个参数，而一个函数名是没办法穿参数的，所以这个时候就要用到bind方法

在EcmaScript5中扩展了叫bind的方法（IE6,7,8不支持），可以绑定参数。bind可接受的参数都分为两部分，且第一个参数都是作为执行时函数上下文中的this的对象。

再次改写：

 copy

1. var aDiv=oDiv.getElementsByTagName("div");  

2.             for(var i=0;i<aDiv.length;i++){  

3.                 aDiv[i].addEventListener("mouseover",change.bind(aDiv[i],aDiv[i]),false);  

4.             }  

5.               

6.             function change(obj){  

7.                 obj.style.transform="scale(0)";  

8.             }  

搞定