So rufen Sie mehrere JS-Funktionen in einem Klickereignis auf-HTML-Kenntnisse-php.cn

So rufen Sie mehrere JS-Funktionen in einem Klickereignis auf

藏色散人

Freigeben： 2018-12-19 09:47:56

Original

12198 Leute haben es durchsucht

Um die Funktion des Aufrufs mehrerer Funktionen für das Klickereignis in js zu realisieren, können wir die Methode addEventListener() verwenden. Das heißt, wenn Sie im Klickereignis der Schaltfläche mehrere Funktionen aufrufen oder ausführen möchten, können Sie die JavaScript-Methode addEventListener() verwenden.

So rufen Sie mehrere JS-Funktionen in einem Klickereignis auf

Im Folgenden stellen wir Ihnen anhand konkreter Codebeispiele vor, wie Sie das Click-Ereignis in js implementieren, um mehrere Funktionen aufzurufen.

Das Codebeispiel lautet wie folgt:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>click事件中调用多个js函数的方法示例</title>
</head>
<body>
<button type="button" id="myBtn">点我</button>
<script>
 // 定义自定义函数
 function sayHello(){
        alert("Hello World! sayHello() 函数执行成功!");
 }

    function sayHi(){
        alert("Hi There! sayHi() 函数执行成功!");
 }

    // 选择按钮元素
 var btn = document.getElementById("myBtn");

 // 将事件侦听器分配给按钮
 btn.addEventListener("click", sayHello);
 btn.addEventListener("click", sayHi);
</script>
</body>
</html>

Nach dem Login kopieren

Im obigen Code werden zwei Funktionen sayHello() und sayHi() angepasst. Rufen Sie dann das Schaltflächenelement über die Methode getElementById ab. Weisen Sie dann der Schaltfläche das gleiche Ereignis über die Methode addEventListener zu, bei der es sich um das Klickereignis click handelt, und rufen Sie zwei verschiedene benutzerdefinierte Funktionen auf.

Der Effekt ist wie folgt:

So rufen Sie mehrere JS-Funktionen in einem Klickereignis auf

Hinweis: Die Methode addEventListener() wird verwendet, um dem angegebenen Element einen Ereignishandler hinzuzufügen.

Die Syntax:

element.addEventListener(event, function, useCapture)

Nach dem Login kopieren

Die Parameter stellen jeweils Folgendes dar:

event (muss) stellt eine Zeichenfolge dar und gibt den Ereignisnamen an.

Funktion (erforderlich) gibt die Funktion an, die ausgeführt werden soll, wenn das Ereignis ausgelöst wird.

Wenn das Ereignisobjekt als erster Parameter an die Funktion übergeben wird. Der Typ des Ereignisobjekts hängt vom jeweiligen Ereignis ab.

useCapture (optional). Ein boolescher Wert, der angibt, ob das angegebene Ereignis in der Erfassungs- oder Bubbling-Phase ausgeführt wird.

In diesem Artikel geht es um die Implementierungsmethode zum Aufrufen mehrerer JS-Funktionen für Klickereignisse. Ich hoffe, dass er für Freunde in Not hilfreich ist.

Das obige ist der detaillierte Inhalt vonSo rufen Sie mehrere JS-Funktionen in einem Klickereignis auf. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!