इनपुट कीप्रेस के लिए नॉकआउट ईवेंट बाध्यकारी अजीब व्यवहार

Question

लंबी कहानी छोटी है, मैं उपयोगकर्ताओं को एक इनपुट तत्व पर प्रवेश करने और मेरे व्यूमोडेल में कुछ विधि कहने के लिए सक्षम करना चाहता हूं। यहाँ मेरी एचटीएमएल इनपुट है:

<input id="searchBox" class="input-xxlarge" type="text" data-bind="value: searchText, valueUpdate: 'afterkeydown', event: { keypress: $parent.searchKeyboardCmd}"> 

और यहाँ वीएम में मेरी विधि है:

searchKeyboardCmd = function (data, event) { if (event.keyCode == 13) searchCmd(); }; 

सब कुछ ठीक काम करता है और searchCmd कहा जाता है जब मैं इनपुट पर दर्ज मारा, लेकिन समस्या यह है कि मैं टाइप कर सकते हैं है इनपुट में कुछ भी नहीं, यानी जो कुछ भी मैं इनपुट में टाइप करता हूं उसे अनदेखा किया जाता है। आपकी मदद के लिए अग्रिम धन्यवाद।

Answer 1

केओ डॉक्स के अनुसार आपको अपने ईवेंट हैंडलर से true वापस करना होगा यदि आप डिफ़ॉल्ट कार्रवाई आगे बढ़ाना चाहते हैं।

searchKeyboardCmd = function (data, event) { 
    if (event.keyCode == 13) searchCmd(); 
    return true; 
}; 

Answer 2

here's एक बेला जो यह दर्शाता है कि क्या उर करते हैं और यह भी KeyUp साथ उर कोड में घटना 'कुंजी दबाने' की जगह ले और केवल समारोह नाम के साथ $ माता पिता हटा देंगे जब तक पाठ फ़ील्ड एक नॉकआउट foreach loop..here अंदर है की कोशिश कर रहा नीचे संशोधित कोड

<input id="searchBox" class="input-xxlarge" type="text" data-bind="value: searchText, valueUpdate: 'afterkeydown', event: { keyup: searchKeyboardCmd}" 

Answer 3

यहां एक कामकाजी नमूना है।

http://jsfiddle.net/tlarson/qG6yv/

<!-- ko with: stuff --> 
    <input id="searchBox" class="input-xxlarge" type="text" 
    data-bind="value: searchText, valueUpdate: 'afterkeydown', 
    event: { keypress: $parent.searchKeyboardCmd}"> 
<!-- /ko --> 

और जावास्क्रिप्ट:

var stuffvm = function(){ 
    var self = this; 

    self.searchText = ko.observable(); 
}; 

var vm = function() { 
    var self = this; 

    self.stuff = new stuffvm(); 

    self.searchCmd = function() { 
     console.log("search triggered"); 
    }; 

    self.searchKeyboardCmd = function (data, event) { 
     if (event.keyCode == 13) { 
      self.searchCmd(); 
     } 
     return true; 
    } 
} 

ko.applyBindings(new vm());