I just solved this by adding event.stopPrpagation on the child function. So for example -
var parentView = new Backbone.View.extend({
...
events: {
"click": "renderSomething"
},
renderSomething: function() {
//some rendering code
}
});
var childView = new Backbone.View.extend({
...
events: {
"click": "renderSomething"
},
renderSomething: function(event) {
event.stopPropagation(); //this will stop the event from being propagated to the parent
//some rendering code
}
});