如何將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);

看一個例子 。