addEventListener Zwei Funktionen

Ich Frage mich, wenn Sie addEventListener () zwei Funktionen drin.
Ich habe es versucht, aber es scheint nicht zu funktionieren.
Bitte geben Sie mir ein einfaches Beispiel, wenn es möglich ist.

Dank,

Alex

InformationsquelleAutor Alex | 2014-07-30

  1. 28

    Wickeln Sie Ihre Funktionen in einer Funktion.

    const invokeMe = () => console.log('I live here outside the scope');
const alsoInvokeMe = () => console.log('I also live outside the scope'); 

element.addEventListener('event',() => {    
     invokeMe();
     alsoInvokeMe();    
});

    InformationsquelleAutor Sten Muchow

  2. 2

    Zwei wesentliche Unterschiede zwischen dem älteren Modell und dem neueren DOM Level 2 event
    Modell ist, dass 1) das neuere Modell ist nicht so abhängig von einem bestimmten event-handler-Eigenschaft, und 2) Sie können sich registrieren, mehrere event-handler-Funktionen für irgendein Ereignis auf einem Objekt.(Aus: JavaScript Lernen) Zum Beispiel:

    <!DOCTYPE html>
<html>
    <body>
        <div id="myElement"> Please click here.</div>
        <script>
            function func0() {
                alert("Function0 is called");
            }
            function func1() {
                alert("Function1 is called");
            }
            document.getElementById("myElement").addEventListener("click", func0, true);
            document.getElementById("myElement").addEventListener("click", func1, true);
        </script>
    </body>
</html>

    Als, auch Sie können einen bestimmten event-handler-Funktion für ein Ereignis auf ein Objekt. Zum Beispiel:

    <!DOCTYPE html>
<html>
    <body>
        <div id="myElement"> Please click here.</div>
        <script>
            function func0() {
                alert("Function0 is called");
            }
            function func1() {
                alert("Function1 is called");
            }
            document.getElementById("myElement").addEventListener("click", func0, true);
            document.getElementById("myElement").addEventListener("click", func1, true);
            document.getElementById("myElement").removeEventListener("click", func0, true);
        </script>
    </body>
</html>

    InformationsquelleAutor MMKarami

Schreibe einen Kommentar