闭包 - 查找节点序号 

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 5     <title></title>
 6 </head>
 7 <body>
 8     <ul id="template">
 9         <li>1</li>
10         <li>2</li>
11         <li>3</li>
12         <li>4</li>
13         <li>5</li>
14         <li>6</li>
15         <li>7</li>
16         <li>8</li>
17     </ul>
18     <script type="text/javascript" src="index.js"></script>
19     <script type="text/javascript">
20     var template = document.getElementById('template');
21     var li = template.getElementsByTagName('li');
22     add_the_handlers(li);
23     </script>
24 </body>
25 </html>

index.js

 1 var add_the_handlers = function(nodes) {
 2         var i;
 3         for (i = 0; i < nodes.length; i += 1) {
 4             nodes[i].onclick = function(i) {
 5                 return function(e) {
 6                     console.log(e);
 7                 };
 8             }(i);
 9         }
10     };

 

显示对象事件类型

posted @ 2012-07-10 14:28  小猩猩君  阅读(243)  评论(0)  编辑  收藏  举报