La etiqueta HTML <a> desea agregar href y onclick working

Me gustaría preguntar sobre la etiqueta HTML

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

¿Cómo hacer que esta sea una etiqueta que funcione con href y onClick ? (prefiera onClick corriendo primero y luego href)

Ya tiene lo que necesita, con un pequeño cambio de sintaxis:

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

El comportamiento predeterminado de las <a>etiquetas onclicky hrefpropiedades es ejecutar el onclick, luego seguir el hrefmientras onclickno regrese false, cancelando el evento (o el evento no se ha evitado)

Usa jQuery . Debe capturar el clickevento y luego ir al sitio 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>

Para lograr esto, use el siguiente 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>

Aquí está el ejemplo de trabajo .

No se necesita jQuery.

Algunas personas dicen que usar onclickes una mala práctica ...

Este ejemplo utiliza JavaScript puro del navegador. De forma predeterminada, parece que el controlador de clics evaluará antes de la navegación, por lo que puede cancelar la navegación y hacer la suya propia si lo desea.

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

Uso ng-clicken lugar de onclick. y es tan simple como eso:

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