How can I pass arguments to addEventListener listener function?

Question

Possible Duplicate:
Javascript closure inside loops - simple practical example
Please explain the use of JavaScript closures in loops

for (var i = 0; i < pois.length; i++) {
    pois[i].marker.addEventListener('dblclick', function (data) {
        var infoWindow = new BMap.InfoWindow(pois[i].address, opts);  
        map.openInfoWindow(infoWindow, map.getCenter());     
    })
}

this is my code.
obviously there is an error at here

new BMap.InfoWindow(pois[i].address, opts);

how can I use pois[i].address in pois[i].marker listener function ?

which version are you using and what is `pois[]` stand for? – Pragnesh Chauhan Oct 16 '12 at 06:51 — Pragnesh Chauhan, Oct 16 '12 at 06:51

score 2 · Accepted Answer · answered Oct 16 '12 at 07:00

2

for (var i = 0; i < pois.length; i++) {
    setupEventListener(pois[i]);
}

function setupEventListener(obj) {
    var address = pois[i].address;
    obj.marker.addEventListener('dblclick', function (data) {
        var infoWindow = new BMap.InfoWindow(address, opts);  
        map.openInfoWindow(infoWindow, map.getCenter());     
    });
}

answered Oct 16 '12 at 07:00

meetamit

24,727
9
57
68

Thank you very much! Closure is so incredible! – Mithril Oct 16 '12 at 08:09

How can I pass arguments to addEventListener listener function?

1 Answers1