处理浏览器的“ctrl+s"按键事件

时间:2023-04-20
本文介绍了处理浏览器的“ctrl+s"按键事件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

我试图为基于浏览器的应用程序实现 CTRL+S 功能.我进行了搜索,并在以下问题中遇到了两个脚本

I was trying to implement the CTRL+S feature for a browser based application. I made a search and came across two scripts in the following to questions

捕获 CTRL+S 的最佳跨浏览器方法jQuery?
Ctrl+S preventDefault 在 Chrome 中

但是,当我尝试实现它时,它工作了,但我仍然得到默认浏览器保存对话框/窗口.

However, when I tried to implement it, it worked but, I still get the default browser save dialog box/window.

我的代码:对于 shortcut.js:

 shortcut.add("Ctrl+S",function() {
     alert("Hi there!");
 },
 {
     'type':'keydown',
     'propagate':false,
     'target':document
});

jQuery 热键.js:

jQuery hotkeys.js:

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

我相信 e.preventDefault(); 应该可以解决问题,但由于某种原因它不起作用.我哪里错了.对不起,如果很简单,还在学习jJvascript.

I believe e.preventDefault(); should do the trick, but for some reason it doesn't work. Where am I going wrong.Sorry if it is simple, still learning jJvascript.

推荐答案

这只是为我使用的问题添加不同的实现.改编自 SO 答案.也适用于 MAC

This is to just add a different implementation to the question used by me. Adapted from a SO answer.Also,works for MAC

 document.addEventListener("keydown", function(e) {
      if (e.keyCode == 83 && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey))      {
        e.preventDefault();
        //your implementation or function calls
      }
    }, false);

这篇关于处理浏览器的“ctrl+s"按键事件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

上一篇:在javascript中将事件侦听器添加到音频HTML5标签 下一篇:如果有的话,为什么 addEventListener 在事件之前触发?

相关文章