在Chrome中按Ctrl + S preventDefault

时间:2012-06-12 16:29:14

标签: javascript jquery google-chrome preventdefault

我想在Chrome中捕获 Ctrl + S ,并阻止默认的浏览器行为来保存页面。怎么样?

(只是发布问题和答案,因为我在这之后很长一段时间没有找到解决方案)

4 个答案:

答案 0 :(得分:47)

据我所见,秘诀是, Ctrl + S 不会触发按键事件,只会触发keydown事件。

使用jQuery.hotkeys

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

仅限jQuery:

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

编辑2012.12.17 - jQuery.hotkeys说

  

如果您在输入元素内部,则不会跟踪热键(除非您   显式绑定热键直接输入)。这有助于避免   与普通用户打字冲突。

答案 1 :(得分:14)

来自Overriding control+s (save functionality) in browser

的“借来的”
document.addEventListener("keydown", function(e) {
  if (e.keyCode == 83 && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {
    e.preventDefault();
    alert('captured');
  }
}, false);

答案 2 :(得分:2)



document.onkeydown = function (e) {
    e = e || window.event;//Get event
    if (e.ctrlKey) {
        var c = e.which || e.keyCode;//Get key code
        switch (c) {
            case 83://Block Ctrl+S
                e.preventDefault();     
                e.stopPropagation();
            break;
        }
    }
};
   




答案 3 :(得分:0)

一站式解决方案,可防止数据

// disable right click
$(function() {
    $(this).bind("contextmenu", function(e) {
        e.preventDefault();
    });
}); 

// Prevent F12      
$(document).keydown(function (event) {
    if (event.keyCode == 123) { // Prevent F12
        return false;
    } else if (event.ctrlKey && event.shiftKey && event.keyCode == 73) { // Prevent Ctrl+Shift+I        
        return false;
    }
});

//stop copy of content
function killCopy(e){
    return false
}
function reEnable(){
    return true
}
document.onselectstart=new Function ("return false")
    if (window.sidebar){
    document.onmousedown=killCopy
    document.onclick=reEnable
}

// prevent ctrl + s
$(document).bind('keydown', function(e) {
  if(e.ctrlKey && (e.which == 83)) {
    e.preventDefault();
    return false;
  }
});