javascript - 使用在 Safari 中不起作用的 javascript 禁用键盘快捷键?

我尝试使用 javascript 禁用 cmd+rcmd+l 快捷方式,它在除 safari 之外的所有浏览器中工作正常。

请查看jsfiddle .

var isMacOS = navigator.userAgent.toLowerCase().indexOf("mac") != -1;
$("input, textarea").on('keydown',function(ev){
    checkKeyBoardEvents(ev, true);
}).on('keyup',function(ev){
    checkKeyBoardEvents(ev);
}).on('keypress',function(ev){
    checkKeyBoardEvents(ev);
});
function checkKeyBoardEvents(ev, printChar){
    var keyCode = ev.keyCode;
    var charCode = String.fromCharCode(keyCode);
    if((isMacOS && ev.metaKey) || ev.ctrlKey){
        $("#keyLogs").append("<p>You pressed "+ (ev.ctrlKey ? "ctrl":"cmd")+"+"+charCode); 
    }
    if(((isMacOS && ev.metaKey) || (!isMacOS && ev.ctrlKey)) && (keyCode === 76 || keyCode === 82)){
        if(printChar){
        var currentValue = $(ev.target).val();
        $(ev.target).val(currentValue + (currentValue.length ? ". " : "") +"You pressed cmd+"+charCode+". " );
    }
    ev.preventDefault();
    ev.stopPropagation();
    }
}

最佳答案

高级系统事件,例如CMD+F - 表示在页面上搜索,在文档或窗口上冒泡。 但!您不能在 Safari 中覆盖 CTRL+R、CTRL+W 或 CMD 事件。

防止用户刷新页面的更好方法是 window.onbeforeunload = 函数(事件){}

您需要使用事件的捕获阶段来处理和防止它出现默认行为。

例如

function preventFn(event) {
    if (event.keyCode === YOU_KEY_CODE && event.metaKey) {
        event.preventDefault();
        event.stopPropagation();
    }
}
document.addEventListener('keydown', preventFn, true); // true means use capture phase of event

例如,您可以使用外部库来组织您的快捷方式,您的代码会更好、更干净。

hotkeys - 流行

stack-shortcuts - 小

https://stackoverflow.com/questions/37371508/

相关文章:

java - 我不能同时使用 ActionListener 和 KeyListener

javascript - 为什么 tinymce 没有出现在动态添加的文本区域

php - Laravel 验证器不区分数字和字符串

jenkins - 在非交互式 shell 中运行 docker 命令

php - Laravel 自定义分页

macos - XAMPP 错误 - #1932 - 引擎中不存在表 '---'

android - 调用 overridePendingTransiton 时应用程序卡住

amazon-s3 - DynamoDB 与 S3 平面文件?

android - 如何杀死 fragment ?

android - 如何在聊天中使用 smack 通过 xmpp 发送联系人?