##Solução #1 (recomendada): addEventListener
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
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);
};