remove - javascript addeventlistener events

Agregar múltiples eventos window.onload

Question

En mi control de usuario ASP.NET estoy agregando algo de JavaScript al evento window.onload :

if (!Page.ClientScript.IsStartupScriptRegistered(this.GetType(), onloadScriptName))
Page.ClientScript.RegisterStartupScript(this.GetType(), onloadScriptName,
"window.onload = function() {myFunction();};", true);

Mi problema es que si ya hay algo en el evento onload , entonces esto lo sobrescribe. ¿Cómo voy a permitir que dos controles de usuario ejecuten JavaScript en el evento de onload ?

Editar: gracias por la información sobre bibliotecas de terceros. Los tendré en cuenta.

Answer 1

¿Ha considerado usar algo como jQuery que proporciona un marco para la limpieza y agrega múltiples controladores de eventos?

Answer 2

De hecho, de acuerdo con esta página de MSDN , parece que puede llamar a esta función varias veces para registrar varias secuencias de comandos. Solo necesita usar diferentes claves (el segundo argumento).

Page.ClientScript.RegisterStartupScript(
this.GetType(), key1, function1, true);
Page.ClientScript.RegisterStartupScript(
this.GetType(), key2, function2, true);

Creo que debería funcionar

Answer 3

La mayoría de las "soluciones" sugeridas son específicas de Microsoft o requieren bibliotecas infladas. Aquí hay una buena manera. Esto funciona con navegadores compatibles con W3C y con Microsoft IE.

if (window.addEventListener) // W3C standard
{
window.addEventListener(''load'', myFunction, false); // NB **not** ''onload''
}
else if (window.attachEvent) // Microsoft
{
window.attachEvent(''onload'', myFunction);
}

Answer 4

No sé mucho sobre ASP.NET, pero ¿por qué no escribir una función personalizada para el evento de carga que a su vez llama a ambas funciones por usted? Si tiene dos funciones, llámelas desde un tercer script que registre para el evento.

Answer 5

Prueba esto:

window.attachEvent("onload", myOtherFunctionToCall);
function myOtherFunctionToCall() {
// do something
}

edit: hey, ¡me estaba preparando para iniciar sesión con Firefox y reformatearlo por mi cuenta! Todavía no parece formatear código para mí con IE7.

Answer 6

Puedes hacer esto con jquery

$(window).load(function () {
// jQuery functions to initialize after the page has loaded.
});

Answer 7

Sé que esto ha sido respondido, pero solo quiero que sepas sobre esta función:

http://phrogz.net/JS/AttachEvent_js.txt

considera T

Answer 8

Todavía hay una solución fea (que es muy inferior al uso de un framework o addEventListener / attachEvent ) que es para guardar el evento onload actual:

function addOnLoad(fn)
{
var old = window.onload;
window.onload = function()
{
old();
fn();
};
}
addOnLoad(function()
{
// your code here
});
addOnLoad(function()
{
// your code here
});
addOnLoad(function()
{
// your code here
});

Tenga en cuenta que los marcos como jQuery proporcionarán una forma de ejecutar código cuando el DOM esté listo y no cuando se cargue la página.

DOM está listo significa que su HTML tiene componentes cargados, pero no externos, como imágenes o hojas de estilo, lo que le permite ser llamado mucho antes de que se active el evento de carga.

Answer 9

Tuve un problema similar hoy, así que lo resolví teniendo un index.js con lo siguiente:

window.onloadFuncs = [];
window.onload = function()
{
for(var i in this.onloadFuncs)
{
this.onloadFuncs[i]();
}
}

y en archivos js adicionales que deseo adjuntar al evento onload solo tengo que hacer esto:

window.onloadFuncs.push(function(){
// code here
});

Normalmente uso jQuery, ¡pero esta vez estaba restringido a js puros que me obligaron a usar mi mente por un tiempo!

Answer 10

Mootools es otro gran marco de JavaScript que es bastante fácil de usar, y al igual que RedWolves dijo con jQuery , puedes simplemente seguir utilizando todos los controladores que quieras.

Para cada archivo * .js que incluyo, simplemente envuelvo el código en una función.

window.addEvent(''domready'', function(){
alert(''Just put all your code here'');
});

Y también hay ventajas de usar domready en lugar de onload