JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://underscorejs.org/underscore-min.js"></script>
<script src="http://backbonejs.org/backbone-min.js"></script>
<div id='view'>
<button>Click me</button>
</div>
JavaScript
function log(msg) {
$('body').append('<p>'+msg+'</p>');
}
var V = Backbone.View.extend({
events: {
'mouseup button': _.debounce(function(e) {
if (this.doucleckicked) {
this.doucleckicked = false;
} else {
this.onmouseup.call(this, e);
}
}, 300),
'dblclick button': function(e) {
this.doucleckicked = true;
this.ondblclick.call(this, e);
}
},
onmouseup: function() {
log('mouseup');
},
ondblclick: function() {
log('dblclick');
}
});
var v = new V({el: '#view'});