html页面 js监听ctrl +s保存编辑（keycode 已经被弃用，Deprecated Symbol Used ）

最新推荐文章于 2023-07-29 14:13:42 发布

明道_N

最新推荐文章于 2023-07-29 14:13:42 发布

阅读量8.3k

点赞数 2

分类专栏：前端文章标签： javascript js html web

本文链接：https://blog.csdn.net/weixin_41760342/article/details/107911024

版权

前端专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何使用JavaScript监听并处理Ctrl+S快捷键保存事件，包括针对不同操作系统的兼容性处理，以及推荐的现代写法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

某些编辑页面需要使用ctrl+s的快捷键进行保存。网络的搜索结果：
（都可以使用，但在编辑器中编辑时，提示keyCode已经被弃用,Deprecated Symbol Used）

结果1

<script language="JavaScript">
//Ctrl+s保存
 document.οnkeydοwn=function()   {
    if (event.ctrlKey==true && event.keyCode== 83) {//Ctrl+S 
        event.returnvalue = false;
        alert('触发ctrl+s');
    }
}
</script>

结果2

<script language="JavaScript">
window.addEventListener("keydown", function(e) {
        //可以判断是不是mac，如果是mac,ctrl变为花键
        //event.preventDefault() 方法阻止元素发生默认的行为。
        if (e.keyCode === 83 && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {
            e.preventDefault();
            // Process event...
            alert("hhhhh")
        }
     
    }, false);
    </script>

合适的写法

<script language="JavaScript">
window.addEventListener("keydown", function(e) {
        //可以判断是不是mac，如果是mac,ctrl变为花键
        //event.preventDefault() 方法阻止元素发生默认的行为。
        if((e.key=='s'||e.key=='S')&&(navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)){
            e.preventDefault();
            alert("监听到ctrl+s")
        }
    }, false);
</script>