javascript - página - html link tag

La etiqueta HTML<a> desea agregar tanto href como onclick trabajando

Question

Me gustaría preguntar sobre la etiqueta HTML

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

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

Answer 1

Usa jQuery . Debe capturar el evento click 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>

Answer 2

Ya tienes lo que necesitas, 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 propiedades onclick y href de la etiqueta <a> es ejecutar onclick , luego seguir href siempre que el onclick no devuelva false , cancelar el evento (o el evento no se haya evitado).