Hvordan kaller jeg flere JavaScript-funksjoner i onclick-hendelser?

Er det mulig å bruke html-attributtet onclick til å kalle mer enn én JavaScript-funksjon?

Chris Bier
Redigerte spørsmål 15. desember 2017 в 3:50
Programmering
javascript html methods onclick
11. oktober 2010 в 11:44
6 visninger
Løsning
onclick="doSomething();doSomethingElse();"

Men egentlig er det bedre å ikke bruke onclick i det hele tatt og knytte hendelsesbehandleren til DOM-noden gjennom Javascript-koden. Dette er kjent som unobtrusive javascript.

Dasar
Redigert svar 8. mars 2017 в 6:13
Kommentarer (10)

En lenke med 1 funksjon definert

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

Avfyring av flere funksjoner fra someFunc()

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

Jada, bare bind flere lyttere til den.

Kortklipping med jQuery

$("#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>
Bhargav Chudasama
Redigert svar 20. juni 2017 в 1:14
Kommentarer (4)