流星の入力テキストの返信イベント

Question

フォームを記入するときに、type="text"の入力でenterを押したというイベントをキャプチャしたいと思います。これはウェブ上で行われますが、答えは私を逃してしまいます。

これは私がこれまで持っているものです：私は、ユーザー押しを捕獲しようとしています、Javascriptのファイルで

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

：

htmlファイルでは、私はそうのようなテキスト入力を持っていますフォームを効果的に提出するために入力してください。私は、入力からテキストをつかみ、それをデータベースに隠しておくつもりです：

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

Answer 1

submitイベントはフォームではなく、単一の入力要素から放出されます。

流星のための組み込みのイベントマップは、http://docs.meteor.com/#eventmapsに記載されています。

キーボードイベント（keydown, keypress, keyup）を聞く必要があります。イベントハンドラ内で、戻り/入力キー（Keycode 13）であるかどうかを確認し、成功したら処理を進めます。

Answer 2

このjs関数を使用して、テキストフィールドの戻りキーを使用してユーザーがフォームデータを送信しないようにしました。キャプチャに合わせて変更することは可能でしょうか？

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; 

Answer 3

あなたは、これがtodos例（client/todos.js）で達成されたかを調べることができます。

入力フィールドには汎用イベントハンドラが使用されます（下記参照）。残りのコードを参照して使用することができます。

////////// 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; 
}; 

Answer 4

また、あなたは `template`を定義しなかったevent.currentTarget.value

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