Skip to main content
1 de 3
bfavaretto
  • 66,2mil
  • 11
  • 151
  • 228

##Solução #1 (recomendada): addEventListener

Com addEventListener você pode associar tantos event handlers a um elemento quantos forem necessários:

obj.addEventListener('blur', function() {
    alert("2");
}, false);

Para compatibilidade com o IE8, você precisa usar attachEvent:

if(obj.attachEvent) {
    elem.attachEvent('onblur', function(){
        alert("2");
    });
} else {
    obj.addEventListener('blur', function() {
        alert("2");
    }, false);
}

Naturalmente é recomendável criar uma função para isso, em vez de usar inline como no exemplo acima. Um exemplo de função está na resposta do Tuyoshi Vinicius.

##Solução #2: guarde o handler anterior

Você pode guardar o handler anterior numa variável, atribuir um novo handler, e chamar o antigo de lá:

var onBlurOriginal = obj.onblur;
obj.onblur = function() {
    alert("2");
    onBlurOriginal.call(this);
};
bfavaretto
  • 66,2mil
  • 11
  • 151
  • 228