Comment puis-je désactiver HREF si onclick est exécuté?

J'ai un point d'ancrage avec les deux HREF et ONCLICK attributs définis. Si vous cliquez dessus et Javascript est activé, je veux qu'il seulement exécuter ONCLICK et ignorer HREF. De même, si le Javascript est désactivé ou non supporté, j'ai envie de suivre la HREF URL et d'ignorer ONCLICK. Ci-dessous est un exemple de ce que je fais, ce qui permettrait d'exécuter du JS et suivez le lien simultanément (généralement le JS est exécuté, puis le changement de page):

<A HREF="http://example.com/no-js-login" ONCLICK="yes_js_login()">Log in</A>

quelle est la meilleure façon de le faire?

Je suis l'espoir d'un Javascript réponse, mais je vais accepter la méthode, aussi longtemps que cela fonctionne, surtout si cela peut être fait avec PHP.
J'ai lu "a href lien exécute et redirige la page avant de javascript onclick fonction est en mesure de terminer" déjà, mais il ne fait que retarder HREF, mais n'est pas complètement désactiver. Je suis également à la recherche de quelque chose de beaucoup plus simple.

Je voudrais l'utiliser pour ancre avec un href et un sans. Au chargement de la page vérifier si javascript est activé, si c'est de leur montrer le bon ancrage d'autre pour montrer aux autres.
Pourquoi? Qui sonne comme un terrible beaucoup de balisage pour une simple fonctionnalité.

InformationsquelleAutor Supuhstar | 2013-03-25

37

Vous pouvez utiliser la première des nations unies-édité solution, si vous mettez retour en premier dans la onclick attribut:
```
<a href="https://example.com/no-js-login" onclick="return yes_js_login();">Log in</a>

yes_js_login = function() {
     //Your code here
     return false;
}
```
Exemple: https://jsfiddle.net/FXkgV/289/
- J'aime comment les nettoyer de ce! Cependant, la solution retenue me donne plus de contrôle à savoir si le HREF est ignoré
- Au cours des dernières années, j'ai changé d'avis; c'est une meilleure solution
- Comment sain !
InformationsquelleAutor elproduc3r
56
```
    yes_js_login = function() {
         //Your code here
         return false;
    }
```
Si vous return false il doit prévenir l'action par défaut (aller à le href).

Edit: Désolé cela ne semble pas fonctionner, vous pouvez faire ce qui suit:
```
<a href="http://example.com/no-js-login" onclick="yes_js_login(); return false;">Link</a>
```
- il ne fonctionne pas , jsfiddle.net/FXkgV/1
- Les édité réponse ne répond pas à la question, qu'il supprime le lien.
- vous pouvez également utiliser onclick="return yes_js_login();" avec yes_js_login retour false
- Aucune des variantes proposées ici, le travail dans google Chrome.
- voir ma réponse.
- pour quelqu'un qui a toujours bloqué, peut en ajoutant cette ligne event.stopImmediatePropagation()
- Merci mais pas une de ces solutions fonctionne...
InformationsquelleAutor Chris Bier
27

Il suffit de désactiver par défaut le comportement du navigateur à l'aide de preventDefault et passer le event dans votre code HTML.

<a href=/foo onclick= yes_js_login(event)>Lorem ipsum</a>
```
yes_js_login = function(e) {
  e.preventDefault();
}
```
- de retour de faux n'a pas de travail en polymère... solution ci-dessus ne fonctionne... Merci
InformationsquelleAutor Buksy
14
```
<a href="http://www.google.com" class="ignore-click">Test</a>
```
avec jQuery:
```
<script>
    $(".ignore-click").click(function(){
        return false;
    })
</script>
```
avec JavaScript
```
<script>
        for (var i = 0; i < document.getElementsByClassName("ignore-click").length; i++) {
            document.getElementsByClassName("ignore-click")[i].addEventListener('click', function (event) {
                event.preventDefault();
                return false;
            });
        }
</script>
```
Vous assigner classe .ignore-click pour autant d'éléments que vous aimez et clique sur ces éléments seront ignorés
- C'est une excellente solution! Je l'ai utilisé pour les boutons que j'ai que quand on clique un pseudo classe .btn-loading est ajouté au lien cliqué, puis en cas de succès, une coche(sur une erreur X) remplace l'animation de chargement. Je ne veux pas le bouton pour être en mesure d'être cliqué de nouveau dans certains cas(pour les deux succès et erreur), à l'aide de ce que je peux simplement $(elemnent).addClass('disabled') et facilement obtenir la fonctionnalité j'étais à la recherche d'une manière élégante!
InformationsquelleAutor Andrew
12

Vous pouvez utiliser ce code simple:
```
<a href="" onclick="return false;">add new action</a><br>
```
InformationsquelleAutor mishanon
5

C'est plus simple si vous passez un paramètre d'événement comme ceci:
```
<a href="#" onclick="yes_js_login(event);">link</a>
```
```
function yes_js_login(e) {
    e.stopImmediatePropagation();
}
```
- Cela ne fonctionne pas pour moi. J'ai d'utilisation d'e.preventDefault()
InformationsquelleAutor Trigon219
1

J'ai résolu une situation où j'avais besoin d'un modèle pour l'élément qui permettrait de gérer alternativement régulièrement une URL ou d'un appel javascript, où la js fonction des besoins d'une référence à l'élément appelant. En javascript", cela" fonctionne comme une auto-référence uniquement dans le contexte d'un élément de formulaire, par exemple, un bouton. Je ne voulais pas d'un bouton, il suffit de l'apparence d'un lien régulier.

Exemples:
```
<a onclick="http://blahblah" href="http://blahblah" target="_blank">A regular link</a>
<a onclick="javascript:myFunc($(this));return false" href="javascript:myFunc($(this));"  target="_blank">javascript with self reference</a>
```
Le href et onClick attributs ont les mêmes valeurs, sauf que j'y ajoute "return false" onClick sur quand c'est un appel javascript. Avoir "return false" dans la fonction appelée n'a pas de travail.
- pourquoi y aurait-il deux? Pourquoi êtes-vous de mettre JS dans le HREF?
- Supuhstar, Le code est dynamique, javascript, et de générer un <a> élément pour plusieurs centaines d'articles qui sont définies à l'extérieur. Chaque élément de spécifier un lien statique de l'adresse, et c'est là que l'généré <a> élément de l'utilisation de l' "href comportement". Ou, un appel de fonction javascript est spécifiée pour l'élément, auquel cas le <a> élément de comportement est calculée, basée sur l'élément du contexte. Et dans le code de l' <a> générateur, je voulais juste de copier tout ce qui est spécifié pour chaque élément, aucun test si c'est un lien de l'adresse ou du javascript fonction d'appel.
- Je ne comprends pas comment cela répond à ma question. Qui a dit que je voulais plusieurs centaines de liens? Je ne comprends vraiment pas le point de tout cela, ou même la moitié de ce que vous venez de dire.
InformationsquelleAutor Bo Johanson

Cela peut vous aider.
Pas de JQuery nécessaire

<a href="../some-relative-link/file" 
onclick="this.href = 'https://docs.google.com/viewer?url='+this.href; this.onclick = '';" 
target="_blank">

Ce code est le suivant:
Passer le lien relatif à Google Docs Viewer

Obtenir le lien complet de la version de l'ancre par this.href
ouvrir le lien le la nouvelle fenêtre.

Si dans votre cas, cela peut fonctionner:

<a href="../some-relative-link/file" 
onclick="this.href = 'javascript:'+console.log('something has stopped the link'); " 
target="_blank">

InformationsquelleAutor marlo

0

Cela a fonctionné pour moi:
```
<a href="" onclick="return false;">Action</a>
```
- Je vous remercie pour votre réponse et bienvenue à la Pile d'Échange! Malheureusement, cela ne semble pas ajouter de tout nouveaux de la connaissance, car il semble que les réponses précédentes suggèrent déjà présent. Si vous êtes d'accord, alors c'est mieux d'upvote ceux. Si vous êtes en désaccord, merci de modifier votre réponse afin que votre nouvelle connaissance vient à la lumière!
InformationsquelleAutor Zero
0

Dans mon cas, j'ai eu une maladie lorsque l'utilisateur clique sur le "a" de l'élément. La condition était:

Si d'autres n'y a plus de dix articles, l'utilisateur ne doit pas être redirigé vers une autre page.

Si d'autres de la section a de moins en moins de dix articles, puis l'utilisateur doit être redirigé vers une autre page.

La fonctionnalité de la "une" des éléments dépend de l'autre composant. Le code à l'intérieur d'événement click est le suivre:
```
var elementsOtherSection = document.querySelectorAll("#vehicle-item").length;
if (elementsOtherSection> 10){
     return true;
}else{
     event.preventDefault();
     return false;
}
```
InformationsquelleAutor Jorge Santos Neill

Vous devez vous connecter pour publier un commentaire.