Diferença entre addEventListener input e paste

[ronaldomarcos 4]

Estou apanhando desde ontem utilizando o event Paste do addEventListener, abaixo tenho duas funções iguais, a de baixo usando input e chamando outra função (ativaToolbar) funciona perfeitamente, enquanto a de cima usando paste não chama o ativaToolbar...

Estão sendo usados num div editável, e o paste está sendo reconhecido, tanto que utilizei um alert("colou") e ele executou, mas não com a função ativaToolbar... Alguém percebe algo que não vi? obrigado.

window.addEvent('load', function() {
document.getElementById("redactor-ident").addEventListener("paste", function() {
//alert("colou");

ativaToolbar();
}, true);
});

window.addEvent('load', function() {
document.getElementById("redactor-ident").addEventListener("input", function() {
ativaToolbar();
}, true);
});

 

[Marcelo Lipienski 9]

O correto seria

window.addEventListener('load', function() {
 // ...
});

note que adicionar várias vezes o mesmo evento para o mesmo objeto é ignorado, apenas o primeiro evento será adicionado, sendo assim, sua segunda chamada ao window.addEvent('load'... não vai adicionar evento algum.

Outra boa prática é colocar todos seus códigos Javascript logo antes de fechar a tag </body>, assim, você não precisa esperar pelo evento load, porque sempre que o Javascript terminar de carregar é porque seu DOM já está todo carregado pelo navegador.

[ronaldomarcos 4]

Obrigado Marcelo, era isso mesmo, agora está funcionando perfeitamente.