Evento di accesso per chiamare preventdefault dalla funzione personalizzata originata dall'attributo onclick del tag

Ho collegamenti come questo:

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

E vorrei fare un preventDefault()interno myfunc(), perché #verrà aggiunto un nella barra degli indirizzi quando si fa clic sul collegamento (senza fare return false;o href='javascript:void(0);')

È possibile? Posso avere l'evento all'internomyfunc()

Credo che tu possa passare eventalla funzione inline che sarà l' eventoggetto per l'evento generato nei browser compatibili con W3C (cioè le versioni precedenti di IE richiederanno ancora il rilevamento all'interno della funzione del gestore di eventi per essere esaminate window.event).

Un rapido esempio .

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

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

1. Eseguilo così com'è e nota che il link non reindirizza a Google dopo l'avviso.
2. Quindi, modifica il eventpassaggio nel onclickgestore in qualcos'altro come e, fai clic su Esegui, quindi nota che il reindirizzamento avviene dopo l'avviso (il riquadro dei risultati diventa bianco, dimostrando un reindirizzamento).

La soluzione più semplice è semplicemente:

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

In realtà è un buon modo per eseguire il busting della cache per i documenti con un fallback per i browser non abilitati per JS (nessun busting della cache se non 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">

Se JavaScript è abilitato, apre il PDF con una stringa di query di busting della cache, in caso contrario apre semplicemente il PDF.

Prova questo:

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

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

Aggiungi una classe univoca ai collegamenti e un javascript che impedisce l'impostazione predefinita sui collegamenti con questa classe:

<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>

Non puoi semplicemente rimuovere l'attributo href dal tag a?

Penso che quando usiamo onClick vogliamo fare qualcosa di diverso da quello predefinito. Quindi, per tutti i tuoi collegamenti con onClick:

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

Semplice!

onclick="blabla(); return false"

Puoi accedere all'evento da un clic in questo modo:

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

e alla tua funzione javascript, il mio consiglio è di aggiungere quella prima riga di istruzione come:

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

quindi usa ovunque e come variabile evento

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

Oppure restituisci false dal tuo metodo.

Senza alcuna libreria JS o jQuery. Per aprire una bella finestra popup, se possibile. Non riesce in modo sicuro al collegamento normale aperto.

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

E la funzione di supporto:

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');
}