logo

JavaScript hypertextový odkaz onclick | Přidat událost onClick Příklad kódu

Jak zajistit, aby tato značka fungovala s href a onClick?

Výchozí chování <a> onclick značky a href vlastnosti mají spustit onclick a poté postupujte podle href tak dlouho jako onclick nevrací false , čímž se událost zruší (nebo události nebylo zabráněno).

Příklad kódu, který udělá toto a tag pracující s href a onClick (Přidat událost onclick k hypertextovému odkazu):-

<!DOCTYPE html>
<html>

<body>
    <a href="https://tutorial.eyehunts.com//" onclick="return func();">Item</a>

    <script type="text/javascript">
        function func () {
         alert("Hello")
     }
 </script>
</body>
</html>

Výstup :

Příklady JavaScriptového hypertextového odkazu onclick

Zde je mnoho způsobů, jak umístit funkci onClick na hypertextový odkaz JS.

Špatné: 

<a id="myLink" href="javascript:MyFunction();">link text</a>

Dobré: 

<a id="myLink" href="#" onclick="MyFunction();">link text</a>

Lepší: 

<a id="myLink" href="#" onclick="MyFunction();return false;">link text</a>

Ještě lepší 1: 

<a id="myLink" title="Click to do something" href="#" onclick="MyFunction();return false;">link text</a>

Ještě lepší 2: 

<a id="myLink" title="Click to do something" href="PleaseEnableJavascript.html" onclick="MyFunction();return false;">link text</a>

proč lépe? protože return false zabrání prohlížeči sledovat odkaz

Best:

Pomocí jQuery nebo jiného podobného frameworku připojte obslužný program onclick podle ID prvku.

$('#myLink').click(function(){ MyFunction(); return false; });

Zdroj :stackoverflow.com

Napište komentář, pokud máte nějaké pochybnosti a návrhy na tutoriál.

Poznámka: Všechny příklady HTML kódů jsou testovány v prohlížečích Firefox a Chrome.

OS:Windows 10

Kód:HTML 5 verze