Skip to main content
Commonmark migration
Fonte Link

##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);
};

##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);
};

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);
};
replaced http://pt.stackoverflow.com/ with https://pt.stackoverflow.com/
Fonte Link

##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 Viniciusresposta 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);
};

##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);
};

##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);
};
Fonte Link
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);
};