jQuery vérifier si l'objectif est de lien

J'ai une fonction globale de capture clics.

$(document).click(function(e){
  //do something
  if(clickedOnLink)
    //do something
});

Je veux faire d'autres trucs supplémentaires si la cible est un lien, mais si le <a> tag effectivement entoure un div (HTML5), la cible sera div.

http://jsfiddle.net/Af37v/

Quand vous dites "cible" voulez-vous dire de l'élément avec un id qui reçoit le focus, donc correspondent à la :target pseudo-sélecteur ou de l'élément qui a été cliqué pour déclencher la navigation?
Je veux do something else si l'utilisateur sera redirigé vers une autre page en cliquant sur un href.
Je ne pense pas que c'est valide HTML pour avoir un <div> à l'intérieur d'un <a>
Il est en HTML5. <a> peut s'enrouler autour d'éléments de bloc. dev.w3.org/html5/markup/a.html#a-changes
Ok, je n'étais pas sûr.

OriginalL'auteur Cristy | 2013-01-14

  1. 27

    Vous pouvez essayer de voir si l'élément sur lequel vous avez cliqué sur l'un des deux est, ou qui est un enfant d'un <a> tag.

    $(document).click(function(e){
    if($(e.target).closest('a').length){
        alert('You clicked a link');
    }
    else{
        alert('You did not click a link');
    }
});

    OriginalL'auteur Rocket Hazmat

  2. 16

    Je crois que l'aide is va réellement avoir de meilleures performances que les réponses suggérant closest:

    $(e.target).is('a, a *');

    Celui-ci vérifie si l'élément lui-même est un a ou si elle est contenue avec un a.

    Cela devrait être plus rapide que closest car il utilisera matchs sur l'élément lui-même et pas besoin de parcourir l'arborescence DOM closest fera.

    Pourquoi pensez-vous qu'il est plus rapide de cette façon? Qu'est-ce exactement ne .is('a *') faire ?
    faut juste utiliser les correspondances dans le soutien des navigateurs. C'est un appel unique pour juste l'élément au lieu d'analyser les dom vérifier chaque élément. Je vais créer un jsperf et mise à jour de la réponse.
    pouvez pas sembler obtenir jsperf à permettez-moi d'ajouter plus de cas de tests, mais vous pouvez voir le test correspondant élément imbriqué: jsperf.com/a-or-in-a je soupçonne que l'écart devrait se creuser profondément imbriquée élément, en particulier ceux qui ne sont pas imbriquées à l'intérieur d'un a.
    C'est cool, ce navigateur suport? Cela fonctionne dans tous les navigateurs?
    grâce à jquery, il faut travailler dans n'importe quel navigateur. Vous ne pouvez pas voir un grand écart dans le rendement sur de très vieux navigateurs mais qui ne supportent pas matches.

    OriginalL'auteur James Montagne

  3. 5

    Essayer cette

    $(document).click(function(e){
  //do something
  if($(this).closest('a').length)
    //do something
});

    OriginalL'auteur kreig

  4. 1

    Avec jquery vient d'obtenir l'attribut tagName
    $("a").prop("tag");

    Et comment cela m'aide à vérifier si le clic entraînera une redirection ou pas?
    $("a").prop("tag") == 'a' et de vérifier ensuite si c'est une " contient un div
    Poster un violon pour montrer comment cela résout mon problème.
    Dans le cas des OP exemple, jsfiddle.net/Af37v, il a fait cela, et obtient 'DIV'.

    OriginalL'auteur Greg

  5. 1

    Si la cible exacte de lien, vous pouvez utiliser .est()

    Exemple:

    $(".element").on("click", function(e){
  if($(e.target).is("a")){
    //do your stuff
  }
});

    EDIT:

    Si elle est entourée par d'autres élément qui est à l'intérieur d'une balise d'ancrage, vous pouvez utiliser closest() et vérifier si il ont la balise d'ancrage parent ou non, par le biais length

    Exemple:

    $(".element").on("click", function(e){
  if($(e.target).closest("a").length){
    //do your stuff
  }
});
    Comme d'autres je l'ai dit dans ma réponse, il ne suffit pas de vérifier si la cible est un lien. Il pourrait être la à l'intérieur un a tag.
    Hey..., juste édité ma réponse...
    Oui c'est exact, mais c'est exactement le même que l'on a accepté la réponse. Polluer la page avec des réponses en double n'est jamais une bonne idée 🙂

    OriginalL'auteur KeepMove

  6. 0

    Mise à jour:
    Vous pouvez vérifier si la cible est un un ou si l'un des parents est un un.

    $(function () {
    $(document).on('click', function (e) {
        $target = $(e.target);
        if ($target.closest('a').length > 0) {
            alert('i am an a');
        }
    });
});

    http://jsfiddle.net/8jeGV/4/

    jsfiddle.net/Af37v/4 Ne fonctionne pas dans mon cas.
    yep, mal lu ton post, désolé
    mis à jour le post
    Si $target est un <a>, puis .closest sera de retour. Donc, vous ne devez $target.closest('a').length > 0, vous n'avez pas besoin de vérifier .is.
    vous avez raison. va arranger 🙂

    OriginalL'auteur Robin Drexler

  7. 0

    Vous pouvez tester si il y a un <div> sous <a> en testant si le .les enfants() <div> a rien à l'intérieur. Si rien n'est à l'intérieur, ou il n'y a pas de <div>, le if retournera false.

    Je suggère ce code:

    $(document).click(function(e){
    var willRedirect = ($('a[href="/"]').attr('href').indexOf('#') == -1 ? true : false),

    //run code

    if ( willRedirect === false ){
        e.preventDefault();

        //the link will not redirect

        if ( $(this).children('div').html() ){
            //there is a <div> inside <a> containing something
        }
        else {
            //there is no <div> inside <a>
        }
    }
    else {
        //the link is not pointing to your site
    }
});

    OriginalL'auteur SeinopSys