Acceda al evento para llamar a preventdefault desde la función personalizada que se origina en el atributo onclick de la etiqueta

Tengo enlaces como este:

<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()inside myfunc(), porque #se agregará un en la barra de direcciones al hacer clic en el enlace (sin hacer return false;o href='javascript:void(0);')

es posible? ¿Puedo llevar el evento adentro?myfunc()

Creo que puede pasar eventa la función en línea, que será el eventobjeto para el evento generado en los navegadores compatibles con W3C (es decir, las versiones anteriores de IE aún requerirán detección dentro de su función de controlador de eventos para ver window.event).

Un ejemplo rápido .

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

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

1. Ejecútelo como está y observe que el enlace no redirecciona a Google después de la alerta.
2. Luego, cambie el eventpaso al onclickcontrolador a algo más como e, haga clic en ejecutar, luego observe que la redirección tiene lugar después de la alerta (el panel de resultados se vuelve blanco, lo que demuestra una redirección).

La solución más simple simplemente es:

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

En realidad, es una buena manera de realizar la destrucción de caché para documentos con un respaldo para navegadores sin JS habilitado (sin prevención de 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á habilitado, abre el PDF con una cadena de consulta de eliminación de caché, si no, simplemente abre el PDF.

Prueba esto:

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

<script type="text/javascript">
$('a').click(function(){
   return false;
});
<script>

Agregue una clase única a los enlaces y un javascript que evite el defecto en los enlaces 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>

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

Creo que cuando usamos onClick queremos hacer algo diferente a lo predeterminado. Entonces, para todos sus enlaces con onClick:

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

¡Sencillo!

onclick="blabla(); return false"

Puede acceder al evento desde un clic así:

<button onclick="yourFunc(event);">go</button>

y en su función de javascript, mi consejo es agregar esa declaración de primera línea como:

function yourFunc(e) {
    e = e ? e : event;
}

luego use en todas partes e como variable de evento

e.preventDefault (); de https://developer.mozilla.org/en-US/docs/Web/API/event.preventDefault

O devuelva falso de su método.

Sin ninguna biblioteca JS o jQuery. Para abrir una bonita ventana emergente si es posible. Falla de forma segura al enlace normal abierto.

<a href="https://acme.com/" onclick="onclick="openNewWindow(event, this.href);">...</a>

Y la función de ayudante:

function openNewWindow(event, location) {
  if (event.preventDefault && event.stopImmediatePropagation) { 
    event.preventDefault(); 
    event.stopImmediatePropagation(); 
  } else {
    event.returnValue = false; 
  }
  window.open(location, 'targetWindow', 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=800,height=450');
}