Balise HTML <a> voulez pour ajouter les deux href et onclick de travail

J'aimerais demander au sujet de tag HTML 

<a href="www.mysite.com" onClick="javascript.function();">Item</a>

Comment faire cette un balise de travail avec href et onClick? (préférez onClick de course d'abord, puis href)

InformationsquelleAutor | 2013-02-14
  1. 218

    Vous avez déjà ce que vous avez besoin, avec une syntaxe mineur changement:

    <a href="www.mysite.com" onclick="return theFunction();">Item</a>

<script type="text/javascript">
    function theFunction () {
        //return true or false, depending on whether you want to allow the `href` property to follow through or not
    }
</script>

    Le comportement par défaut de la <a> de la balise onclick et href propriétés est d'exécuter la onclick, puis suivez les href tant que le onclick ne retourne pas false, l'annulation de la manifestation ou de l'événement n'a pas été empêché)

    • Est-il aussi un moyen de faire cela avec un élément.la méthode addEventListener fonction?
    • Ne fonctionne pas pour moi, jusqu'à ce que j'ai mis href="#" là, au lieu d'une URL réelle.
    • Je suis en utilisant le framework laravel, donc dans ma lame, j'inclus cela, Il ne fonctionne pas, quelqu'un a essayé avec laravel?
    • Cette solution ne fonctionne pas si j'ai une méthode d'action appelé mvc contrôleur dans le href. Quelqu'un peut-il aider s'il vous plaît ?
    InformationsquelleAutor Ian
  2. 10

    Utilisation jQuery. Vous avez besoin pour capturer les click événement, puis aller sur le site web.

    JS:

    $("#myHref").on('click', function() {
  alert("inside onclick");
  window.location = "http://www.google.com";
});

    HTML:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" id="myHref">Click me</a>

    • je ne vais pas utiliser un framework javascript. mais je vous remercie pour votre réponse
    • Ci-dessus n'est pas un véritable lien. Il ne peut pas être ouvert dans un nouvel onglet et est une très mauvaise pratique. Si quelque chose peut être ouvert dans un nouvel onglet (a na url) toujours ajouter un sens href attribut.
    InformationsquelleAutor Sudipta Chatterjee
  3. 0

    Pour atteindre cet usage html suivant:

    <a href="www.mysite.com" onclick="make(event)">Item</a>

<script>
    function make(e) {
        //...  your function code
        //e.preventDefault();   //use this to NOT go to href site
    }
</script>

    Ici est exemple de travail.

    • Cela fonctionne pour moi en Chrome toutefois Safari semble à l'exécution de la fonction, mais de ne pas ouvrir le href...des suggestions?
    • J'ai fait le test sur le violon sans JS - seulement le html pur: <a href="http://example.com" >Item</a> et en Chrome, je vois certains messages afin de permettre la page d'exécuter ce lien (alerte à la fin de chrome barre d'url). En safari dans la console je vois warrning: [bloqué] La page est fiddle.jshell.net/_display n'a pas été autorisé à afficher un contenu non sécurisé à partir de example.com - alors, probablement, c'est une question de sécurité (uniquement sur le violon ? )
    InformationsquelleAutor Kamil Kiełczewski
  4. -1

    Utilisation ng-click en place de onclick. et son aussi simple que cela:

    <a href="www.mysite.com" ng-click="return theFunction();">Item</a>

<script type="text/javascript">
function theFunction () {
    //return true or false, depending on whether you want to allow 
    //the`href` property to follow through or not
 }
</script>
    InformationsquelleAutor mak-273