Bootstrap 3 Template
This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.
HTML
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div class="dropdown">
<button class="btn dropdown-toggle"
type="button"
id="dropdownMenu1"
data-toggle="dropdown"
aria-haspopup="true"
data-keyboard="false"
aria-expanded="true">
Options
<span class="caret"></span>
</button>
<ul class="dropdown-menu" id="myDrop" aria-labelledby="dropdownMenu1" data-keyboard="false" >
<li>
Option 1
</li>
<li>
Option 2
</li>
<li>
Option 3
</li>
</ul>
</div>
JavaScript
var $dropdown = $('#myDrop');
$(document).on("keydown", $dropdown, function (e) {
var code = e.keyCode || e.which;
if (code === 27) {
console.log("Duh");
e.preventDefault();
return false;
}
});