¿Cómo llamar a múltiples funciones JavaScript en el evento onclick?

¿Hay alguna forma de utilizar el atributo html onclick para llamar a más de una función JavaScript?

Chris Bier
Pregunta editada 15º diciembre 2017 в 3:50
Programación
javascript html methods onclick
11º octubre 2010 в 11:44
10 vistas
Solución
onclick="doSomething();doSomethingElse();"

Pero en realidad, es mejor no usar onclick en absoluto y adjuntar el controlador de eventos al nodo DOM a través de su código Javascript. Esto se conoce como javascript no intrusivo.

Dasar
Respuesta editada 8º marzo 2017 в 6:13
Comentarios (10)

Un enlace con 1 función definida

<a href="#" onclick="someFunc()">Click me To fire some functions</a>

Disparando múltiples funciones desde algunaFunción()

function someFunc() {
    showAlert();
    validate();
    anotherFunction();
    YetAnotherFunction();
}
Comentarios (3)

Claro, simplemente vincula múltiples oyentes a él.

Corte corto con jQuery

-- begin snippet: js hide: false console: true babel: false -->

$("#id").bind("click", function() {
  alert("Event 1");
});
$(".foo").bind("click", function() {
  alert("Foo class");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="foo" id="id">Click</div>

Fin del fragmento;

Bhargav Chudasama
Respuesta editada 20º junio 2017 в 1:14
Comentarios (4)