Fel element triggar javascript event

Hej!

Jag har fått ett litet problem, givetvis

Använder följande kod för att sätta event handlers på mina fält

var customerFields= ['customer_number','customer_name','customer_contact','customer_email','customer_reference','customer_tracking'];

function initPage(){
    for(i=0;i<customerFields.length;i++){
        document.getElementById(customerFields[i]).onclick = editCustomer;
        document.getElementById(customerFields[i]).onfocus = editCustomer;
    }
}

Problemet uppstår sedan när jag triggar ett event genom att klicka på tex . elementet 'customer_number'. Då säger det event som inträffar att det är 'customer_tracking' som är källan till eventet. Detta kan jag inte alls förstå. Jag trodde att man kunde ha samma event handler på flera element, kan man inte det?

En sak till, om jag tar bort 'customer_tracking' från min elementarray så säger mitt event att det är 'customer_reference' som triggar mitt event osv. för varje jag plockar bort.