Backbone event firing on click OR press enter

backbone-events, backbone.js, javascript, jquery

Solution

Assuming that you are using `jQuery` for `DOM manipulation`, you can create your own "tiny" plugin that fires the Enter event in the inputs. Put it in your `plugins.js` or whatever setup scripts file you have:

$('input').keyup(function(e){
  if(e.keyCode == 13){
    $(this).trigger('enter');
  }
});

Now that you have created this "enter" plugin, you can listen to enter events this way:

events: {
  "click #add-friend": "showPrompt",
  "enter #friend-name": "showPrompt"
}

Problem

I am new to backbone and I am looking for a way for my button to be triggered when I press Enter as well as clicking. Currently `showPrompt` only executes on a click. What is the cleanest DRYest way to have it execute on pressing Enter as well, preferably only for that input field. ``` (function () { var Friend = Backbone.Model.extend({ name: null }); var Friends = Backbone.Collection.extend({ initialize: function (models, options) { this.bind("add", options.view.addFriendLi); } }); var AppView = Backbone.View.extend({ el: $("body"), initialize: function() { this.friends = new Friends(null, {view: this}); }, events: { "click #add-friend": "showPrompt", }, showPrompt: function () { var friend_name = $("#friend-name").val() var friend_model = new Friend({ name:friend_name }); this.friends.add( friend_model ); }, addFriendLi: function (model) { $("#friends-list").append("<li>" + model.get('name') + "</li>"); } }); var appView = new AppView; }()); ``` Also where can I read more about this kind of event binding? Do backbone events differ from JS or jQuery events in how they're defined?

Original source