event.preventDefault() en firefox

[shekel]

Me imagino que esta pregunta ya estara contestada, tambien la he encontrado en otras web, pero mi problema es como implantarla si lo tengo en un archivo externo...

En chrome funciona bien porque no pide que tenga que pasar el evento explicitamente en cambio en firefox lo pide

Código HTML:

<a href="#"  onclick="ShowAjax('Usuario')"><span id="Usuario" class="ajaxlinks">Usuario</span></a>
 

Cuando se clickea en el enlace anterior por medio de la funcion Showajax me envia informacion del usuario

En otro archivo llamado funciones.js esta la funcion Showajax

Código Javascript:

function ShowAjax(usuario) {
        event.preventDefault()
.
.
.
.
 

En chrome como ya digo funciona bien pero en firefox no.. que tengo que modificar de la funcion

[zerokilled]

¡buenas!
el uso correcto de event es muy distinto a como lo estás haciendo. el hecho de que chrome lo haga no significa que así debe ser. resulta que chrome se esta pareciendo a iexplorer. por ejemplo, chrome adopta la característica de crear variables automáticamente por cada elemento con ID. la variable global event es otra de las características adoptada por iexplorer. debido a la forma que declaras el evento, tienes que pasar explícitamente el objeto event a la función.

[shekel]

Iniciado por zerokilled

¡buenas!
el uso correcto de event es muy distinto a como lo estás haciendo. el hecho de que chrome lo haga no significa que así debe ser. resulta que chrome se esta pareciendo a iexplorer. por ejemplo, chrome adopta la característica de crear variables automáticamente por cada elemento con ID. la variable global event es otra de las características adoptada por iexplorer. debido a la forma que declaras el evento, tienes que pasar explícitamente el objeto event a la función.

No tengo ni idea de como hacer eso

[zerokilled]

¡simple! agrega un nuevo parámetro a la función, puede ser con el mismo nombre (event), así te evitas cambiar la variable dentro del cuerpo de la función. luego, a la invocación de la función (en el atributo onclick) le agregas el argumento del objeto Event. puede ser arguments[0] o event.

estoy casi seguro que te quedará una confusión respecto al argumento event dentro del atributo onclick. sucede que los atributos relacionados a eventos se transforman como funciones cuando el navegador analiza el código html. por otra parte, cuando un evento ocurre el navegador crea un objeto tipo Event – en realidad puede ser de otro tipo más complejo, pero Event es el objeto más genérico del cual heredan todos los demás – y lo propaga por el DOM. cuando un listener lo captura se lo pasa al handler como argumento. no recuerdo si es parte del estándar o si es dependiente de cada implementación, automáticamente el nombre del argumento es event. o sea, que cuando el navegador analiza el atributo crea una función tal que function(event){ ... }. por eso puedes usar event dentro del atributo onclick. nótese que no se está refiriendo a una variable global – como el caso de iexplorer ya que este tiene un modelo de evento distinto – sino que hace referencia a la variable local de esa función creada por el navegador. por eso es que tienes que pasarle el objeto a tu función.

[ZiTAL]

creo que estás enfocando mal el problema el preventDefault se hace hacia el propio evento no a la función, ejemplo:

Código Javascript:

.onclick(event, usuario)
{
event.preventDefault();
ShowAjax(usuario);
}
 

lo que no se es si sólo de jquery

[shekel]

Iniciado por zerokilled

¡simple! agrega un nuevo parámetro a la función, puede ser con el mismo nombre (event), así te evitas cambiar la variable dentro del cuerpo de la función. luego, a la invocación de la función (en el atributo onclick) le agregas el argumento del objeto Event. puede ser arguments[0] o event.

estoy casi seguro que te quedará una confusión respecto al argumento event dentro del atributo onclick. sucede que los atributos relacionados a eventos se transforman como funciones cuando el navegador analiza el código html. por otra parte, cuando un evento ocurre el navegador crea un objeto tipo [url=https://developer.mozilla.org/en/DOM/event]Event[/url] – en realidad puede ser de otro tipo más complejo, pero Event es el objeto más genérico del cual heredan todos los demás – y lo propaga por el DOM. cuando un listener lo captura se lo pasa al handler como argumento. no recuerdo si es parte del estándar o si es dependiente de cada implementación, automáticamente el nombre del argumento es event. o sea, que cuando el navegador analiza el atributo crea una función tal que function(event){ ... }. por eso puedes usar event dentro del atributo onclick. nótese que no se está refiriendo a una variable global – como el caso de iexplorer ya que este tiene un modelo de evento distinto – sino que hace referencia a la variable local de esa función creada por el navegador. por eso es que tienes que pasarle el objeto a tu función.

Iniciado por ZiTAL

creo que estás enfocando mal el problema el preventDefault se hace hacia el propio evento no a la función, ejemplo:

Código Javascript:

.onclick(event, usuario)
{
event.preventDefault();
ShowAjax(usuario);
}
 

lo que no se es si sólo de jquery

Gracias a los 2, ya esta arreglado. Me funciona en chrome y firefox.

Una conclusion mas para cerrar el tema.. deberia de probar la web primero con chrome o firefox? los dos a la vez?

[zerokilled]

@zital,
debe ser una cuestión de jquery ya que este tiene la costumbre de cambiar las formas de como se hace habitualmente. en javascript puro tendrías que pasar el objeto a tu función. en jquery supongo lo que hace es crear una función adicional además de tu handler.

@shekel,
cada cual tiene sus preferencias de en cuál navegador comenzar. si quieres algo más cercano al estándar, probablemente sea mejor comenzar por firefox.