1

actualmente tengo esto

<li><a class="tablinks_ tab__active__" onclick="openCategory(event, '__IMAGEN1__1')">IMAGEN1</a></li>
<li><a class="tablinks_ tab__active__" onclick="openCategory(event, '__IMAGEN__2')">IMAGEN1</a></li>
<li><a class="tablinks_ tab__active__" onclick="openCategory(event, '__IMAGEN__3')">IMAGEN2</a></li>
<li><a class="tablinks_ tab__active__" onclick="openCategory(event, '__IMAGEN__4')">IMAGEN3</a></li>

Y lo que quiero hacer es como añadir otro onclick a las etiquetas <a>

3
  • 1
    Supongo que quieres ejecutar 2 funciones a la vez, si te refieres a eso, lo fácil es hacer una tercera función que llame a las otras dos y pones ésta, la tercera, en el onclick... a ésta tercera función le pasas los parámetros que necesites en las otras dos. Es una opción sencilla aunque muy mejorable.
    – track3r
    Commented el 21 abr. 2018 a las 11:04
  • no veo el por que uses la etiqueta java, si el código que muestras es JavaScript
    – user75901
    Commented el 21 abr. 2018 a las 13:48
  • Esta pregunta sobre asociación de eventos te puede ser de utilidad. Como recomendación, es mejor no tener onclick (separar la vista del controlador siempre es una buena idea, hasta el punto de que algunos sistemas no te permiten tenerlo así).
    – Alvaro Montoro
    Commented el 22 abr. 2018 a las 18:54

2 respuestas 2

2

Para JavaScript puedes hacer esto:

onclick="hacerAlgo();hacerAlgoMas();"

Pero realmente, es mejor que no uses onclick que conectes el controlador de eventos al nodo DOM a través de tu código JavaScript. Esto se conoce como javascript discreto.

Además como te plantea @track3r en su comentario, puedes hacer algo como esto:

Un enlace con 1 función definida

<a href="#" onclick="tuFuncionDefinida()">Haz clic en mí para activar algunas funciones</a>

Disparando múltiples funciones desde tuFuncionDefinida()

function tuFuncionDefinida() {
    mostrarAlert();
    validar();
    otraFuncion();
    otraFunctionMas();
}

Mira si te sirve, Saludos!

-1

Mira a ver si te sirve. Al hacer click en la "IMAGEN1", se ejecutan los dos eventos click: por id y por class.

<!DOCTYPE html>
<html>

<head>
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
</head>

<body>
  <script type="text/javascript">
    $(document).ready(function() {
      $("#click").click(function(event) {
        alert("click0");
      });
      $(".click1").click(function(event) {
        alert("click1");
      });
    });
  </script>
  <li><a class="tablinks_ tab__active__ click1" id="click">IMAGEN1</a></li>

</body>

</html>

1
  • 2
    explica mas tu respuesta Commented el 21 abr. 2018 a las 12:55

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.