Достоверно добавление к событию Javascript

Question

У меня есть переключатель, содержащий инлайн onclick событие:

<input type="radio" class="quantitycheckbox" onclick="alterQuantity(this.form)"> 

Я пытаюсь ненавязчиво добавить больше функциональных возможностей по щелчку, и этот код:

function updateCustomFields(box) { 
    // save current onclick event before assigning new one 
    var currEvent = box.onclick; 
    box.onclick = function() { 
     currEvent(); 
     // do additional stuff here 
    } 
} 

var boxes = $class('quantitycheckbox'); 
for(var i = 0; i < boxes.length; i++) { 
    updateCustomFields(boxes[i]); 
} 

Однако значение this.form, которое передано в функцию alterQuantity, не определено, и я получаю сообщение об ошибке. Как я могу зарезервировать событие onclick как есть и добавить свои функции?

Answer 1

Вам не нужно ничего делать с помощью встроенного события onclick. Просто прикрепление другое событие, используя attachEvent или addEventListener решит вашу проблему, так как событие рядный onclick всегда будет стрелять первым:

function updateCustomFields(box) { 
    var myCallback = function(){ 
     // Do stuff here 
    } 
    if(window.addEventListener){ 
     box.addEventListener('click', myCallback, false); 
    } else if (window.attachEvent){ 
     box.attachEvent('onclick', myCallback); 
    } 
} 

Порядок выполнения будет:

1. Инлайн событие
2. Ваше новое событие

Answer 2

Попытка:

currentEvent.call(box); 

передать box в качестве значения this в currentEvent();

Редактировать: Решение Doug на самом деле лучше. Во всяком случае, методы call и apply, доступные для всех объектов функций, - это то, как вы изменяете значение этого в вызовах функций.