Événement d'accès pour appeler preventdefault depuis la fonction personnalisée provenant de l'attribut onclick de la balise

J'ai des liens comme celui-ci:

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

Et je voudrais faire un preventDefault()dedans myfunc(), car un #sera ajouté dans la barre d'adresse en cliquant sur le lien (sans faire return false;ou href='javascript:void(0);')

Est-ce possible? Puis-je avoir l'événement à l'intérieurmyfunc()

Je crois que vous pouvez passer eventdans la fonction en ligne qui sera l' eventobjet de l'événement déclenché dans les navigateurs compatibles W3C (c'est-à-dire que les anciennes versions d'IE nécessiteront toujours une détection à l'intérieur de votre fonction de gestionnaire d'événements window.event).

Un exemple rapide .

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

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

1. Exécutez-le tel quel et notez que le lien ne redirige pas vers Google après l'alerte.
2. Ensuite, changez le eventpassé dans le onclickgestionnaire en quelque chose d'autre comme e, cliquez sur Exécuter, puis notez que la redirection a lieu après l'alerte (le volet de résultats devient blanc, démontrant une redirection).

La solution la plus simple est simplement:

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

C'est en fait un bon moyen de contourner le cache pour les documents avec une solution de secours pour les navigateurs sans JS (pas de contournement de cache si pas de 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 activé, il ouvre le PDF avec une chaîne de requête de contournement du cache, sinon il ouvre simplement le PDF.

Essaye ça:

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

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

Ajoutez une classe unique aux liens et un javascript qui empêche la valeur par défaut sur les liens avec cette 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>

Ne pouvez-vous pas simplement supprimer l'attribut href de la balise a?

Je pense que lorsque nous utilisons onClick, nous voulons faire quelque chose de différent de celui par défaut. Donc, pour tous vos liens avec onClick:

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

Facile!

onclick="blabla(); return false"

Vous pouvez accéder à l'événement à partir d'un clic comme ceci:

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

et à votre fonction javascript, mon conseil est d'ajouter cette déclaration de première ligne comme:

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

puis utilisez partout e comme variable d'événement

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

Ou faites renvoyer false de votre méthode.

Sans aucune bibliothèque JS ou jQuery. Pour ouvrir une jolie fenêtre popup si possible. Échoue en toute sécurité à l'ouverture du lien normal.

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

Et la fonction d'assistance:

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