allow closing of contextmenus when escape key pressed

bootstrap-contextmenu.js

@@ -1,6 +1,5 @@
 /*!
  * Bootstrap Context Menu
- * Version: 0.2.0
  * Author: @sydcanem
  * https://github.com/sydcanem/bootstrap-contextmenu
  *
@@ -93,6 +92,10 @@
 			return false;
 		}
 
+		,keydown: function(e) {
+			if (e.which == 27) this.closemenu(e);
+		}
+
 		,before: function(e) {
 			return true;
 		}
@@ -104,6 +107,7 @@
 		,listen: function () {
 			this.$element.on('contextmenu.context.data-api', this.scopes, $.proxy(this.show, this));
 			$('html').on('click.context.data-api', $.proxy(this.closemenu, this));
+			$('html').on('keydown.context.data-api', $.proxy(this.keydown, this));
 		}
 
 		,destroy: function() {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bootstrap-contextmenu",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Context-menu extension for the Bootstrap framework",
   "main": "bootstrap-contextmenu.js",
   "directories": {

test/unit/bootstrap-contextmenu.js

@@ -305,4 +305,30 @@ $(function () {
 		contextmenu.trigger('contextmenu');
 		$(document.body).click();
 	});
+
+		test('should remove open class if keyboard escape key is pressed', function () {
+		var contextHTML = '<div>' +
+				'<div id="main" data-toggle="context" data-target="#context-menu">' +
+				'  <div id="context-menu">' +
+				'    <ul class="dropdown-menu">' +
+				'      <li><a href="#">Action</a></li>' +
+				'      <li><a href="#">Something else here</a></li>' +
+				'      <li class="divider"></li>' +
+				'      <li><a href="#">Another link</a></li>' +
+				'    <ul>' +
+				'  </div>' +
+				'</div>' +
+				'</div>',
+			contextmenu = $(contextHTML)
+				.appendTo('#qunit-fixture')
+				.find('[data-toggle="context"]')
+				.contextmenu()
+				.trigger('contextmenu');
+
+
+		ok(contextmenu.find('#context-menu').hasClass('open'), 'open class added on right click');
+		$('body').trigger($.Event('keydown', { which: 27 }));
+		ok(!contextmenu.find('#context-menu').hasClass('open'), 'open class removed');
+		contextmenu.remove();
+	});
 });