Wie zu verwenden addEventListener

War ich ein Skript erstellt mit div-Elementen, jedes mal, wenn eine Taste gedrückt wird. Ursprünglich hatte ich die Funktion als inline mit der onclick Attribut, aber jslint nicht mag, also zog ich es heraus und versuchte stattdessen zu verwenden addEventListener("click",function());

Habe ich noch nie genutzt addEventListener() vor also ich bin mir auch nicht sicher, ich benutze es richtig.

Das problem ist, dass es schafft eine div wenn die Seite geladen wird und wird nicht alles tun, wenn die Taste gedrückt wird.

Vielen Dank im Voraus.

hier ist was ich habe:

<body>
<form>
    <textarea id="a"></textarea>    
    <br>
    <input value="button" type="button">
</form>
<div id="content">
</div>
<script>
    /*jslint browser:true */
    function createEntry(text) {
        "use strict";

        var div = document.createElement("div");
        div.setAttribute("class", "test");
        document.getElementById("content").appendChild(div);
    }
    var input = document.getElementsByTagName("input")[0];
    input.addEventListener("click", createEntry(document.getElementById('a').value));
</script>

InformationsquelleAutor Kyle Messner | 2012-12-07
  1. 11

    Ändern Sie die Ereignis-listener wie diese

    input.addEventListener("click", function(){
    createEntry(document.getElementById('a').value);
});

    so wie es da steht, Sie übergeben das Ergebnis von createEntry als Ereignis-listener nicht die Funktion selbst

    Mehr Informationen hier:

    https://developer.mozilla.org/en/docs/DOM/element.addEventListener

    • Ah! Ich danke Ihnen sehr für Ihre Zeit. :]
    InformationsquelleAutor lostsource
  2. 6

    Ändern Sie diese Zeile 

    input.addEventListener("click", createEntry(document.getElementById('a').value));

    in 

    input.addEventListener("click", function(){
createEntry(document.getElementById('a').value);
});
    • Vielen Dank für Ihre Zeit. :]
    InformationsquelleAutor Chiel ten Brinke
  3. 4

    Versuchen Sie es mit einer JavaScript-Bibliothek wie jQuery für event handling und DOM-manipulation, browser sicher und für die Homogenität.

    Können Sie die event-Handler von jQuery wie folgt:

    $(<element_selector>).on("click", function (event) {
     //your code here...
});
    • Ich wusste, wie es mit JQuery, aber ich wollte mich verbessern meine Javascript-Fähigkeiten von schreiben, ohne es. Sie bringen einen guten Punkt, um cross-browser-Sicherheit, wenn. Danke :]
    InformationsquelleAutor Rakesh Menon
Schreibe einen Kommentar