Mn Close on Click-off region

contextMenuRegion.js

'use strict';

import Marionette from 'marionette';

export default Marionette.Region.extend({
	onShow(view, region, options){
		if(!options.event){
			throw 'Must Supply an event with contextmenu show';
		}
		options.event.preventDefault();
    	options.event.stopPropagation();
		region.open(view);
		region.$el.position({
			at: 'bottom right',
			of: options.event,
			collision: 'fit'
		});
		this.clickOffHandler = this.clickOff.bind(this, view, options.event);
		$('body').on('click contextmenu', this.clickOffHandler);
	},
	clickOff(view, event){
			this.close(view);
	},
	open(view){
		if(view){
			view.$el.css('display','block');
		}else if(this.currentView){
			this.currentView.$el.css('display','block');
		}
	},
	close(view){
		$('body').off('click contextmenu', this.clickOffHandler);
		if(view){
			view.$el.css('display','none');
		}else if(this.currentView){
			this.currentView.$el.css('display','none');
		}
	}
});