Tag HTML <a> ingin menambahkan kerja href dan onclick

Saya ingin bertanya tentang tag HTML

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

Cara membuat ini sebuah tag bekerja dengan href dan onClick ? (lebih suka onClick dijalankan dulu, baru href)

Anda sudah memiliki apa yang Anda butuhkan, dengan sedikit perubahan sintaks:

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

Perilaku default dari <a>tag onclickdan hrefproperti adalah mengeksekusi onclick, lalu mengikuti hrefselama onclicktidak kembali false, membatalkan acara (atau peristiwa belum dicegah)

Gunakan jQuery . Anda perlu menangkap clickacara tersebut dan kemudian pergi ke situs web.

$("#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>

Untuk mencapai ini gunakan html berikut:

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

Berikut adalah contoh kerja .

Tidak perlu jQuery.

Beberapa orang mengatakan bahwa menggunakan onclickadalah praktik yang buruk ...

Contoh ini menggunakan javascript browser murni. Secara default, penangan klik akan mengevaluasi sebelum navigasi, sehingga Anda dapat membatalkan navigasi dan melakukan sendiri jika Anda mau.

<a id="myButton" href="http://google.com">Click me!</a>
<script>
    window.addEventListener("load", () => {
        document.querySelector("#myButton").addEventListener("click", e => {
            alert("Clicked!");
            // Can also cancel the event and manually navigate
            // e.preventDefault();
            // window.location = e.target.href;
        });
    });
</script>

Gunakan ng-clickdi tempat onclick. dan sesederhana itu:

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