jquery - How to Open BootStrap Modal Popup using a ShortCut Key -
i have used twitter bootstrap modal popup dialog in project as;
// when button click, dialog open <a type="button" class="btn" style="width:100%;" href="#test_modal" data-toggle="modal">add image</a> as can see when above button button clicked, open following dialog;
<div class="modal fade" id="test_modal"> <div class="modal-header"> <a class="close" data-dismiss="modal">×</a> <h3>modal header</h3> </div> <div class="modal-body"> <p>test modal</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> however, i want assign shortcut key it. e.g when press ctrl+shift+l, want open above dialog. don't need press button.
how can achieve above functionality in jquery?
you can try
$(document).keydown(function(evt){ if (evt.keycode==108 && (evt.ctrlkey) && (evt.shiftkey)){ evt.preventdefault(); $('#yourmodal').modal('show'); } });
Comments
Post a Comment