Znacznik HTML chce dodać zarówno href jak i onclick działa

Chciałbym zapytać o znacznik HTML

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

Jak zrobić tag współpracujący z hrefi onClick? (preferuj najpierw onclick, a następnie href)

Author: Ian, 2013-02-14

3 answers

Masz już to, czego potrzebujesz, z drobną zmianą składni:

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

Domyślnym zachowaniem tagu <a> onclick i href właściwości jest wykonanie onclick, następnie wykonaj href tak długo, jak onclick nie zwróci false, anulowanie zdarzenia (lub zdarzenie nie zostało zapobiegnięte)

 184
Author: Ian,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-02-14 04:01:44

Użyj jQuery. Musisz uchwycić Zdarzenie click, a następnie przejść do strony internetowej.

$("#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
Author: Sudipta Chatterjee,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-04-16 15:29:46

Aby to osiągnąć użyj następującego kodu 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>

Oto przykład roboczy .

 0
Author: Kamil Kiełczewski,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-07-02 07:33:38