Backbone mobile & desktop events events

by mottalrd

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.1.7/underscore-min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.5.3/backbone-min.js"></script>
<section id='main'/>

CSS

section {
    width: 200px;
    height: 100px;
    background-color: pink;
}

JavaScript

window.MOBILE = navigator.userAgent.match(/mobile/i);

var TouchView = Backbone.View.extend({
  events: function() {
    return MOBILE ? 
       {
         "touchstart": 'select'
       } : 
       {
         "mousedown": 'desktop'
       }
  },
    
  desktop: function() {
    console.log('desktop');
  },
    
  mobile: function() {
    console.log('mobile');
  }
});
    
var view = new TouchView({
    el: $('#main')[0]
});