JavaScript onKeyPress zuweisen problem

Ich versuche, fügen Sie ein onKeyPress-Ereignis, um eine dynamisch erstellte html-element per javascript. In der Praxis, dass das element Hinzugefügt wird, wird der id zugeordnet ist, und die innerHTML Hinzugefügt, aber die onmouseover -, onmouseout, und onKeyPress (2. Letzte Zeile) Ereignisse sind nicht hinzugekommen. Die Letzte Zeile (.Fokus()) funktioniert.

Code:

function newParagraphAfter(elem)
{
blockElemId++;
newPara = document.createElement("p");
newPara.id = 'block_' + blockElemId;
newPara.contentEditable = 'true';
newPara.onmouseover = "this.style.border='1px dashed white';";
newPara.onmouseout = "this.style.border='none';";
newPara.innerHTML = "Edit Here!";
elem.parentNode.insertBefore(newPara, elem.nextSibling);
document.getElementById('block_' + blockElemId).onKeyPress = "return editKeypress(this, event)";
document.getElementById('block_' + blockElemId).focus();
}

Jede Hilfe sehr dankbar,

Nico

InformationsquelleAutor Nico Burns | 2009-10-09
  1. 1

    Kleinbuchstaben Ihre onKeyPress und eine Funktion verwenden,

    document.getElementById('block_' + blockElemId).onkeypress = function(e) {
    if(!e) e = event;
    return editKeypress(this, event)
};

    Edit: Hinzugefügt bobince's Ratschläge für eine weitere cross-browser-freundliche Antwort.

    • Vielen Dank Gordon, ich würde mich immer gefragt, was der Punkt, der diese anonyme Funktionen war.
    • Dies funktioniert nur auf IE, aufgrund der weltweiten window.event. Überall sonst, wird das Ereignis übergeben wird, als argument an den handler-Funktion. Sollten Sie nur setzen newPara.onkeypress= editKeypress, und in editKeypress check für ein argument. dh. traditionell: function editKeypress(e) { if (!e) e= window.event; ...
    InformationsquelleAutor Gordon Tucker
  2. 2

    Ich glaube nicht, dass Sie zuordnen können Zeichenketten bis zu event-Handlern Javascript zwingen kann die Daten aber nicht in diesem Maße. Was Sie tun müssen, stattdessen schreiben Sie den code wie eine Funktion und weisen Sie die Funktion zu den event-handler

    InformationsquelleAutor mfeingold
Schreibe einen Kommentar