Ctrl+S preventDefault in Chrome

前端 未结 4 1391
长发绾君心
长发绾君心 2020-12-04 23:35

I Want to catch Ctrl+S in Chrome, and prevent the default browser behavior to save the page. How?

(Just posting the question & answer as I

4条回答
  •  悲哀的现实
    2020-12-05 00:24

    As far as I can see, the secret sauce is, that Ctrl+S does NOT fire the keypress event, only the keydown event.

    Using jQuery.hotkeys:

    $(document).bind('keydown', 'ctrl+s', function(e) {
        e.preventDefault();
        alert('Ctrl+S');
        return false;
    });
    

    Only with jQuery:

    $(document).bind('keydown', function(e) {
      if(e.ctrlKey && (e.which == 83)) {
        e.preventDefault();
        alert('Ctrl+S');
        return false;
      }
    });
    

    Edit 2012.12.17 - jQuery.hotkeys says

    Hotkeys aren't tracked if you're inside of an input element (unless you explicitly bind the hotkey directly to the input). This helps to avoid conflict with normal user typing.

提交回复
热议问题