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 };
显示对象事件类型
转载于:https://www.cnblogs.com/qzsonline/archive/2012/07/10/2584606.html
