Eingabe Text Rückkehr Ereignis in Meteor

Ich will den Fall, dass ein Benutzer durch drücken der EINGABETASTE auf einer Eingabe von type="text" wenn Sie ein Formular ausfüllen. Dies geschieht alles über das Internet, noch die Antwort entzieht sich mir.

Dies ist, was ich habe, so weit:

In der html-Datei, ich habe eine Texteingabe-etwa so:

<input type="text" size=50 class="newlink">

In der Javascript-Datei, die ich versuche zu erfassen, den der Benutzer drücken Sie die EINGABETASTE, um effektiv das Formular abschicken. Ich bin dann packte Sie den text aus der Eingabe und gehen zu stash es in der Datenbank:

  Template.newLink.events = {
    'submit input.newLink': function () {
      var url = template.find(".newLink").value;
      //add to database
    }
  };

InformationsquelleAutor der Frage chet | 2012-10-22

  1. 43

    Den submit - Ereignis wird emittiert von Formen, nicht von single-input-Elemente.

    Den eingebauten event-Zuordnung für meteor ist hier dokumentiert: http://docs.meteor.com/#eventmaps.

    Haben Sie zu hören, für ein Tastatur-Ereignis (keydown, keypress, keyup). Innerhalb der event-handler, überprüfen Sie, ob es ist die return/enter-Taste (Keycode 13), und gehen Sie auf Erfolg.

    Template.newLink.events = {
  'keypress input.newLink': function (evt, template) {
    if (evt.which === 13) {
      var url = template.find(".newLink").value;
      //add to database
    }
  }
};

    InformationsquelleAutor der Antwort Andreas

  2. 6

    Könnte man schauen in wie diese erreicht wird in der todos Beispiel (client/todos.js).

    Verwendet es einen generischen Ereignis-handler für Eingabefelder (wie unten zu sehen). Durchsuchen Sie den rest des Codes für die Nutzung.

    //////////Helpers for in-place editing //////////

//Returns an event map that handles the "escape" and "return" keys and
//"blur" events on a text input (given by selector) and interprets them
//as "ok" or "cancel".

var okCancelEvents = function (selector, callbacks) {
  var ok = callbacks.ok || function () {};
  var cancel = callbacks.cancel || function () {};

  var events = {};
  events['keyup '+selector+', keydown '+selector+', focusout '+selector] =
    function (evt) {
      if (evt.type === "keydown" && evt.which === 27) {
        //escape = cancel
        cancel.call(this, evt);

      } else if (evt.type === "keyup" && evt.which === 13 ||
                 evt.type === "focusout") {
        //blur/return/enter = ok/submit if non-empty
        var value = String(evt.target.value || "");
        if (value)
          ok.call(this, value, evt);
        else
          cancel.call(this, evt);
      }
    };

  return events;
};

    InformationsquelleAutor der Antwort Danial Namousi

  3. 1

    Hab ich diese js-Funktion einmal zu unterdrücken, die user mit der return-Taste in das Textfeld abschicken der Formular-Daten. Vielleicht könnten Sie es ändern, um die capture-Anzug?

    function stopRKey(evt) { //Stop return key functioning in text field.
    var evt  = (evt) ? evt : ((event) ? event : null);
    var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
    if ((evt.keyCode == 13) && (node.type=="text")) { return false; } 
}
document.onkeypress = stopRKey;

    InformationsquelleAutor der Antwort Leke

  4. 1

    Können Sie auch event.currentTarget.value

    Template.newLink.events = {
  'keypress input.newLink': function (evt) {
    if (evt.which === 13) {
      var url = event.currentTarget.value;
      //add to database
    }
  }
};

    InformationsquelleAutor der Antwort Kai

Schreibe einen Kommentar