Acesse o evento para chamar preventdefault da função personalizada originada do atributo onclick da tag

Tenho links como este:

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

E eu gostaria de fazer um por preventDefault()dentro myfunc(), porque um #será adicionado na barra de endereço ao clicar no link (sem fazer return false;ou href='javascript:void(0);')

Isso é possível? Posso colocar o evento lá dentromyfunc()

Eu acredito que você pode passar eventpara a função inline que será o eventobjeto para o evento gerado em navegadores compatíveis com W3C (ou seja, versões mais antigas do IE ainda exigirão detecção dentro de sua função de manipulador de eventos para olhar window.event).

Um exemplo rápido .

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

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

1. Execute-o como está e observe que o link não redireciona para o Google após o alerta.
2. Em seguida, mude o eventpassado para o onclickmanipulador para algo como e, clique em executar e observe que o redirecionamento ocorre após o alerta (o painel de resultados fica branco, demonstrando um redirecionamento).

A solução mais simples é simplesmente:

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

Na verdade, é uma boa maneira de invalidar o cache para documentos com um substituto para navegadores não habilitados para JS (sem invalidação de cache se não houver 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 o JavaScript estiver habilitado, ele abre o PDF com uma string de consulta que impede o cache, caso contrário, apenas abre o PDF.

Experimente isto:

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

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

Adicione uma classe exclusiva aos links e um javascript que evita o padrão em links com esta 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>

Você não pode simplesmente remover o atributo href da tag a?

Acho que quando usamos onClick queremos fazer algo diferente do padrão. Portanto, para todos os seus links com onClick:

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

Simples!

onclick="blabla(); return false"

Você pode acessar o evento onclick assim:

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

e em sua função javascript, meu conselho é adicionar a instrução de primeira linha como:

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

então use em todos os lugares e como variável de evento

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

Ou tenha o retorno falso do seu método.

Sem qualquer biblioteca JS ou jQuery. Para abrir uma bela janela pop-up, se possível. Falha com segurança ao abrir o link normal.

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

E a função auxiliar:

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