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

某些编辑页面需要使用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>

部分内容来源于网络，如有不妥，请联系我。