Comment arrêter la propagation de l'évènement de l'intérieur d'une ancre de l'attribut href, sans utiliser onclick ou onmousedown

En raison des restrictions, même si c'est quelque chose que j'ai à éviter, dans une certaine situation, j'ai utiliser du javascript: syntaxe dans un attribut href de l'acor tag.

(EXPLICATION: Dans mon CMS-je utiliser un éditeur de texte enrichi pour permettre à l'utilisateur d'apporter des modifications à des éléments de texte, y compris des liens. Dans certains cas spécifiques javascript: les appels sont nécessaires et je m'interdit onclick complètement à partir du lien de fonctionnalités d'édition (pour simplifier le processus pour l'utilisateur). Cependant, comme l'un des maillons apparaît dans un bloc qui réagit à un événement onclick, la chose double-le-feu)

Comme ceci:

<a href="javascript:doSomething()"></a>

Mon problème est que ce lien est à l'intérieur d'un conteneur déjà réagit à un événement onclick. J'ai donc voulu passer de l'objet événement ainsi que de la méthode doSomething (), pour que je puisse ensuite utiliser jQuery

event.stopPropagation()

méthode.

Mais, malheureusement, il semble que la transmission de l'objet d'événement le long de

<a href="javascript:doSomething(event)"></a>

ne semble pas fonctionner du tout. Safari ne rien dire alors que Firefox rapport ReferenceError: l'événement n'est pas défini

Je suppose que c'est le cas car href="" n'est pas un script initier attribut (onclick). Le problème est que dans cette situation, je ne vais pas être en mesure d'accéder à la balise au-delà de ce que je fais déjà.

Donc j'ai besoin de

1.) Un moyen de passer de l'objet d'événement pour la doSomething() fonction dans l'attribut href

2.) Une façon d'arrêter la propagation de l'évènement droit d'ancrage (après son cliqué) par d'autres moyens.

Merci pour tout commentaires constructifs!

Pourquoi ne pas simplement utiliser jQuery pour joindre doSomething à la click gestionnaire d'événement?
La situation nécessite d'être manipulé uniquement par ce qu'il est possible à l'aide de l'attribut href.
Je vais prendre votre parole.
Si vous pouviez partager pourquoi vous devez utiliser l'attribut href, il peut suggérer des solutions de contournement possibles.
Vous avez raison. Je vais modifier la question.

OriginalL'auteur SquareCat | 2012-10-12

8

Vous ne pouvez pas arrêter la propagation de l'évènement de la href attribut parce qu':
1. Lorsque le href code s'exécute, il n'est pas un événement. Il a juste exécute ce code, similaire à l'emplacement "hack". Comme entrer dans javascript:doSomething() dans la barre d'adresse du navigateur.
2. Href code s'exécute après les événements feu sur le lien -- y compris la garniture bouillonne.
  
  Vous pouvez voir que le comportement dans cette jsFiddle. Notez que mouseup, mousedown, et click de feu à la fois pour le lien, et sur le conteneur lorsque le lien est cliqué, avant la href code s'exécute.
Si il y a des écouteurs d'événement que vous souhaitez bloquer, vous devrez trouver un autre moyen.

Mais, si vous pouvez ajouter le javascript pour le document vous pouvez bloquer l' href à l'aide de preventDefault().

Par exemple:
- jQuery, avant la version 1.7:
```
$("#container a").bind ("mousedown mouseup click", function (e) {
    e.preventDefault();
} );
```
- jQuery 1.7 et plus tard:
```
$("#container a").on ("mousedown mouseup click", function (e) {
    e.preventDefault();
} );
```
  ou (mieux):
```
$("#container").on ("mousedown mouseup click", "a", function (e) {
    e.preventDefault();
} );
```
Vous pouvez voilà la dernière version live à jsFiddle.

Merci beaucoup pour cette! Je viens d'avoir le même problème. Tourner tout de mon <a> balises <span> balises avec onclicks résolu le problème! Merci encore!
Vous êtes les bienvenus; heureux de vous aider!
Vous pouvez arrêter href propagation: jsfiddle.net/QE8zt/19
vous avez raison, mais s'il vous plaît lisez la question et de ses commentaires. L'OP précise: "The situation requires it to be handled purely by what is possible using the href attribute.". Mais depuis l'après-jQuery méthode pourrait aider les autres, je l'ai ajouté à cette réponse.

OriginalL'auteur Brock Adams
1

Si vous ne pouvez pas modifier le lien lui-même (à utiliser onclick), alors votre seule option est de modifier le onclick gestionnaire du conteneur.

Pouvez-vous faire quelque chose comme
```
function containerClickHandler(e) {
  e = e || event;
  var el = e.target || e.srcElement;
  if (el.nodeName === 'A' && someOtherMatchChecks) {
       //eat event
  }
  else {
       //process event
  }
}
```
Que serait une option, mais je ne peux pas le faire parce que j'aurais à adapter certains code de base de mon CMS seulement ainsi qu'il convient à un seul cas. Mais votre approche est tout à fait valide. Upvote.

OriginalL'auteur Peter Wilkinson

Bien, c'est une vieille question, mais dans mon cas particulier, j'ai trouvé un hack autour d'elle, mais elle ne peut s'appliquer qu'à un sous-ensemble de situations. J'ai un div qui a un onclick. Mais si l'intérieur de ce div est cliqué, je ne veux pas que div onclick du feu. Voici ce que je fais:

function myOnClick () {

  //loop over all <a>'s, and test if they are hovered over right now.
  var allLinks = document.links;
  var dont = 0;
  for (var i = 0, n = allLinks.length; i < n; i++) {
    //pure javascript test to see if element is hovered.
    if(allLinks[i].parentElement.querySelector(":hover") === allLinks[i]) {dont = 1; }
  };

  if(dont)return;

  //your stuff here, only fires when dont is false.

}

J'ai appris à propos de l'queryselector astuce ici: https://stackoverflow.com/a/14800287/2295722

OriginalL'auteur wessel

0

Je ne sais pas si il existe un moyen d'obtenir les arguments si vous écrivez votre code javascript dans l'attribut href. Mais vous pouvez l'obtenir comme suit dans le onclick, mais comme tu dis ce n'est pas la meilleure pratique:
```
<a onclick="console.log(arguments)">your link</a>
```
dans le tableau arguments que vous aurez votre objet événement.

voici une démo pour vous:

http://jsfiddle.net/tEw5J/1/

Merci, mais je ne peux pas utiliser onclick. Malheureusement.

OriginalL'auteur Sinan

Vous devez vous connecter pour publier un commentaire.