Antworten zum Thema „JS DOM und Eventhandler“

AlphaGen · 27.10.2008

Folgendes Problem: Ich möchte ein input Feld hinzufügen, wenn das andere den fokus verliert (onblur). Durch

var newinput = document.createElement('input');

erstelle ich das neue Input-Tag. Im darauf folgenden Code weise ich eine ID, einen Typ, und einen Namen zu. Nun versuche ich auch einen Eventhandler hinzu zu fügen, was jedoch nicht klappt.

Nun die Frage: Wie kann ich einen Eventhandler zu einem im DOM erzeugten Inputfeld hinzufügen?

Bitte um Hilfe.

Code:

<script>
    function hinzuf (nummer) {
        var nummereinf = nummer+1;
        var newinput = document.createElement('input');
        newinput.id = "file"+nummereinf;
        newinput.type = "file";
        newinput.name = "file"+nummereinf;
        newinput.onblur = "hinzuf ("+nummereinf+")";
        document.getElementById("alles").appendChild(newinput);
        
    }
    </script>
    </head>
    <body id="alles">
        <form method="post" action="index.php" enctype="multipart/form-data">
        Datei:<br/><input type="file" value="Durchsuchen" name="file1" id="file1" onblur="hinzuf (1)">
        <br/><br/><input type="submit" value="Hochladen">
        </form>
    </body>

kyle66 · 27.10.2008

AW: JS DOM und Eventhandler

Hallo mach's mal so

Code:

    function hinzuf (nummer) {
        var nummereinf = nummer+1;
        var newinput = document.createElement('input');
        newinput.id = "file"+nummereinf;
        newinput.type = "file";
        newinput.name = "file"+nummereinf;
        newinput.onblur = function(e) {hinzuf(nummereinf)};
        document.getElementById("alles").appendChild(newinput);   
    }