Knockoutjs EnterAction2
HTML
<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/2.3.0/knockout-min.js"></script>
<input type="text" data-bind="value: itemToAdd, event: { keypress: addOnEnter }" />
<button data-bind="click: addItem">Add</button>
<ul>
<!-- ko foreach: items -->
<li><span data-bind="text: name"/></li>
<!-- /ko -->
</ul>
JavaScript
$(function() {
var viewModel = {
// data
items: ko.observableArray([]),
itemToAdd: ko.observable(""),
// behaviors
addItem: function() {
this.items.push({ name: this.itemToAdd() });
this.itemToAdd("");
},
addOnEnter: function(data, event) {
var keyCode = (event.which ? event.which : event.keyCode);
if (keyCode === 13) {
ko.toJSON(data);
this.addItem();
return false;
}
return true;
}
};
ko.applyBindings(viewModel);
});