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

时间:2011-03-03 04:59:46

标签: javascript

我正在使用该函数,使用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');
            }

        }

1 个答案:

答案 0 :(得分:1)

使用数组存储您的函数,

var calls = [];

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

然后将事件侦听器添加为

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

查看example