Chrome 中 Ctrl+S 阻止默认行为

Question

我想在Chrome浏览器中捕获 Ctrl+S 快捷键，并阻止默认的浏览器保存页面行为。该怎么做？

(我发帖问问题并提供答案，因为我曾经寻找了相当长时间，但没有找到解决方案)

- zupa

---

可能是覆盖浏览器中的控制+s（保存功能）的重复问题。 - epascarello

Answer 1

就我所看到的，秘密的关键是 Ctrl+S 并不会触发 keypress 事件，只有 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 说明：

如果您在输入元素内部（除非您将热键直接绑定到输入元素），否则不会跟踪热键。这有助于避免与正常的用户打字产生冲突。

- zupa

---

jQuery.hotkeys似乎无法捕获当textarea或input字段被聚焦时的事件。 - Brian M. Hunt

@BrianM.Hunt 非常正确，谢谢。引用文档，因为这是一个有记录的“特性”。 - zupa

提示：不要使用 keyup，这将始终首先触发保存对话框。始终选择 keydown。 - Avatar

提示：不要使用jQuery，这只会带来悲伤。 - Klesun

Answer 2

从这里借鉴过来的

document.addEventListener("keydown", function(e) {
  if (e.key === 's' && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {
    e.preventDefault();
    alert('captured');
  }
}, false);

- BumbleB2na

---

注意，在2021年，keyCode已被弃用，现在推荐使用keyboardEvent.key === 's'。实际上，既然我可以编辑，为什么还要评论呢 >:D - Klesun

Answer 3

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;
        }
    }
};
   

- Latha

Answer 4

防止数据泄露的全能解决方案

// 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;
  }
});

- suraj kumar