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">&times;</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

Popular posts from this blog

Change php variable from jquery value using ajax (same page) -

Pull out data related to my apps from Android Play Store and iOS App Store -

How can I fetch data from a web server in an android application? -