jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等的简单实现

实现禁用快捷键的方法有多种，其中使用 jQuery 实现较为便捷。下面将详细讲解如何禁用 F5 刷新和右键菜单。

禁用 F5 刷新

方法一

$(document).keydown(function(event) {
    if (event.keyCode == 116) {
        event.preventDefault();
    }
});

上述代码中，keydown 方法会在用户按下某个键时触发事件。如果按下的是 F5 键，则 keyCode 为 116。在这种情况下，我们可以使用 preventDefault() 方法来阻止 F5 键的默认行为，从而实现禁用 F5 刷新的效果。

方法二

$(document).on("keydown", function(event) {
    if (event.which === 116) {
        event.preventDefault();
    }
});

上面的代码也可以达到禁用 F5 刷新的效果，使用了 jQuery 的 .on() 方法来绑定 keydown 事件。

禁用右键菜单

$(document).on("contextmenu", function() {
    return false;
});

在上述代码中，当鼠标右键被按下时，contextmenu 事件被触发。我们可以使用 return false; 来阻止该事件的默认行为，从而禁用右键菜单。

除了使用 jQuery 的方法外，我们还可以使用普通的 JavaScript 代码来禁用快捷键和右键菜单。例如，禁用 F5 刷新的代码如下：

window.addEventListener("keydown", function(event) {
    if (event.keyCode === 116) {
        event.preventDefault();
    }
});

而禁用右键菜单的代码如下：

document.addEventListener("contextmenu", function(event) {
    event.preventDefault();
});

需要注意的是，在以上代码中，禁用右键菜单的代码使用了 preventDefault() 方法来阻止了 contextmenu 事件的默认行为，而未使用 return false; 来实现。