如何将eventListener每个单独的li添加到每个单独的函数中？

Question

我正在使用函数，使用addEventListener将每个li添加到每个函数中。 据我介绍，在单击每个li时，应调用每个单独的函数。 如何分别添加li的每个功能？ 任何人都可以帮助我..？

window.onload = function(){

            var myLi = document.getElementById('ul').getElementsByTagName('li');

            for(i=0;i<=myLi.length;i++){
                myLi[i].addEventListener('click','call'+[i],false);
            }

            function call(){
                alert('function one called');
            }

            function call2(){
                alert('function two called');
            }

            function call3(){
                alert('function three called');
            }

        }

Answer 1

使用数组存储函数，

var calls = [];

calls[0] = function() { alert("1 called"); }
calls[1] = function() { alert("2 called"); }
..

然后将事件监听器添加为

myLi[i].addEventListener('click', calls[i], false);

看一个例子 。