A Backbone.js change event

http://stackoverflow.com/questions/8635817/how-do-i-get-the-value-of-user-inputted-data

by Sander Houttekier

HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>
<script src="https://raw.github.com/derickbailey/backbone.modelbinding/master/backbone.modelbinding.min.js"></script>
<script src="https://raw.github.com/derickbailey/backbone.memento/master/backbone.memento.min.js"></script>
<script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css">
<div id="myView">
  <input type="text" id="quantity" value="200">
    <div id="result"></div>
</div>

JavaScript

window.CalcModel = Backbone.Model.extend({});

window.Calculations = Backbone.View.extend({

    events: {
        'change input#quantity': 'changeQuantity'
    },
    
    initialize: function() {
        
    },

    changeQuantity: function(evt) {
        var val = $(evt.target).val();
        this.model.set({'quantity': val});
        $(this.el).find('#result').text('new value = ' + val);
    },
        
    render: function() {
            
    }

});

var c = new window.Calculations({ model: new CalcModel(), el: '#myView' });