it-swarm.com.de

HTML-Tag <a> möchte sowohl href als auch onclick funktionieren

Ich würde gerne nach einem HTML-Tag fragen 

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

Wie mache ich dieses ein Tag, das mit href und onClick arbeitet? (lieber onClick zuerst laufen, dann href)

100
user1589113

Sie haben bereits das, was Sie brauchen, mit einer geringfügigen Syntaxänderung:

<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>

Das Standardverhalten der onclick- und href-Eigenschaften des <a>-Tags besteht darin, die onclick auszuführen und dann der href zu folgen, solange die onclick keine false zurückgibt.

198
Ian

Verwenden Sie jQuery . Sie müssen das Ereignis click erfassen und dann auf die Website gehen.

$("#myHref").on('click', function() {
  alert("inside onclick");
  window.location = "http://www.google.com";
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" id="myHref">Click me</a>

8

Verwenden Sie ng-click anstelle von onclick. und so einfach ist das:

<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>
0
mak-273

Um dies zu erreichen, verwenden Sie folgendes HTML:

<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>

Hier ist Arbeitsbeispiel .

0