preventDefault dentro atributo onclick de una etiqueta

tengo enlaces de esta manera:preventDefault dentro atributo onclick de una etiqueta

<a href="#" onclick="myfunc({a:1, b:'hi'})" />click</a> 
<a href="#" onclick="myfunc({a:3, b:'jo'})" />click</a>

y me gustaría hacer un preventDefault() dentro myfunc, porque un # se añadirá en la barra de direcciones cuando se hace clic en el enlace (sin hacer return false; o href='javascript:void(0);')

¿Esto es posible? puedo obtener el evento dentro de myfunc

Fuente

2011-12-23 Omu

¿Qué pasa con el resultado falso? – Alex

detiene la propagación también – Omu

'return false' solo detiene la propagación dentro de jQuery. – cruzanmo

112

Creo que se puede pasar en event a la función en línea que será el objeto event para el caso planteado en los navegadores compatibles con el W3C (es decir, versiones antiguas de IE aún requerirá la detección en el interior de su función de controlador de eventos para mirar window.event).

A quick example.

function sayHi(e) { 
 
    e.preventDefault(); 
 
    alert("hi"); 
 
}

<a href="http://google.co.uk" onclick="sayHi(event);">Click to say Hi</a>

Ejecutar como es y observe que el enlace no hace redirección a Google después de la alerta.
Luego, cambie event pasado al controlador onclick a otra cosa como e, haga clic en ejecutar, luego observe que la redirección tiene lugar después de la alerta (el panel de resultados se pone blanco, lo que demuestra una redirección).

Fuente

2011-12-23 09:54:14

ok, veo que todo lo que tenía que hacer era poner mi parámetro en el segundo 'myfunc (event, {a: 123, b:" asdas "})' – Omu

@ChuckNorris - sí, eso es correcto. –

@Omu El argumento de evento pasado, puede estar en cualquier lugar, no tiene que ser el primero, siempre y cuando esté en el lugar correcto de la lista de parámetros definidos para la función. Por ejemplo, 'function myfunc (o, e) {...}', entonces se puede llamar como 'myfunc ({a: 1, b: 'hi'}, event)'. – cateyes

¿No puede simplemente eliminar el atributo href de la etiqueta a?

Fuente

2011-12-23 09:46:57

sí, también es una opción, aunque de forma predeterminada el enlace no tendrá subrayado, y si javascript está desactivado no va a haber href para ir a – Omu

Prueba esto:

<script> 
    $("a").click(function(event) { 
     event.preventDefault(); 
    }); 
</script>

Fuente

2011-12-23 09:53:31

, esto requiere una etiqueta

Añadir una clase única de los enlaces y un javascript que impide por defecto en los vínculos con esta clase:

<a href="#" class="prevent-default" 
    onclick="$('.comment .hidden').toggle();">Show comments</a> 

<script> 
    $(document).ready(function(){ 

    $("a.prevent-default").click(function(event) { 
     event.preventDefault(); 
      }); 
    }); 
</script>

Fuente

2012-03-19 21:13:45 aaandre

Creo que cuando utilizamos onClick que queremos hacer algo diferente que la predeterminada. Por lo tanto, para todos sus enlaces con onClick:

$("a[onClick]").on("click", function(e) { 
    return e.preventDefault(); 
});

Fuente

2013-12-04 12:53:10 Ronan

La solución más sencilla es simplemente:

<a href="#" onclick="event.preventDefault(); myfunc({a:1, b:'hi'});" />click</a>

En realidad es una buena manera de hacer de almacenamiento en caché para documentos con un repliegue sin JS activado navegadores (sin el almacenamiento en caché si no hay JS)

<a onclick=" 
if(event.preventDefault) event.preventDefault(); else event.returnValue = false; 
window.location = 'http://www.domain.com/docs/thingy.pdf?cachebuster=' + 
Math.round(new Date().getTime()/1000);" 
href="http://www.domain.com/docs/thingy.pdf">

Si JavaScript está activado, se abre el PDF con una cadena de consulta almacenamiento en caché, si no que simplemente se abre el PDF.

Fuente

2014-03-14 00:58:59 JuLo

Podría usar la tecnología del lado del servidor para volver a escribir ese enlace si lo que está buscando es la prevención del almacenamiento en memoria caché. – mpen

Sería mejor, pero no tengo acceso al código del lado del servidor. Trabajando con lo que tengo. – JuLo

-1

¡Simple!

onclick="blabla(); return false"

Fuente

2018-02-07 08:27:25 Jake

Cuestiones relacionadas

preventDefault dentro atributo onclick de una etiqueta

Respuesta

Cuestiones relacionadas