Bootstrap Modal Refocus

Refocus after modal hidden event. http://stackoverflow.com/q/11818318/570918

by mmfansler

HTML

<script src="http://current.bootstrapcdn.com/bootstrap-v204/js/bootstrap.js"></script>
<link rel="stylesheet" href="//current.bootstrapcdn.com/bootstrap-v204/css/bootstrap-combined.min.css">
<a class="btn" data-toggle="modal" href="#myModal" >Launch Modal</a>

<div class="modal hide fade" id="myModal">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">×</button>
    <h3>Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…</p>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn" data-dismiss="modal">Close</a>
    <a href="#" class="btn btn-primary">Save changes</a>
  </div>
</div>

JavaScript

$('body').on('hidden', '.modal', function (e) {
  e && e.delegateTarget.focus();
  console.log("Focussed on " + e.delegateTarget.toString());
  console.log("Closed Modal " + e.target.id);
});