关于addEventListener()执行结果的检验

[ng1262]

为一个<input>元素，注册事件处理程序：
方法一：为元素节点的事件属性，指定函数

var input=document.getElementById("myinput1");
input.onclick=function(){alert(this.value);};
//然后，在“input元素节点”的属性“onclick”上就能找到被注册的函数
//在Chrome的调试器上，找到input对象的onclick属性，就能找到它
alert(input.onclick);//“function(){alert(this.value);}”

方法二：使用addEventListener()方法

input.addEventListener("click",
                       　　　　 function(){alert(this.value);},
                       　　　　 false);
alert(input.onclick);//null
//说明这种方法不是把函数注册到事件属性上，那是注册到哪里呢？
//我在Chrome调试器上找遍input对象的所有属性，也没找到这个函数

[天际的海浪]

addEventListener是附加式注册事件，可以给同一个事件注册多个函数。 这种方法是把函数存放到DOM元素内部，没有对外的属性能访问到。 在Chrome调试器的Event Linteners栏中也只能看到input对象上有注册事件，但看不到函数内容。