我在 Greasy Fork 发布了第一个原创 JS 脚本（可搭配油猴安装使用）

引言

笔者作为 CSDN 重度用户，经常使用 MarkDown 编辑器编辑和发布文章。时间长了，发现 MarkDown 编辑器有一个不好用的地方：保存文章只能通过按钮，而不能通过 Ctrl+S 快捷键保存。

Ctrl + S 保存文档似乎已经成为了一种习惯，就像 CP大法一样，难以戒掉。忍一时越想越气，退一步越想越亏。笔者计科专业，略懂 Web 前端开发，接触过 JS。就想着写一个脚本，方便自己使用，同时也分享给有需要的同学。

安装

https://greasyfork.org/zh-CN/scripts/430636-csdn快捷键保存文章内容

代码

// ==UserScript==
// @name         CSDN快捷键保存文章内容
// @namespace    https://blog.csdn.net/qq_42951560
// @version      1.1
// @description  使用Ctrl+S快捷键保存在CSDN博客使用MarkDown编辑器编辑的文章内容
// @author       XavierJiezou
// @match        https://editor.csdn.net/md/?*
// @grant        none
// ==/UserScript==

(function () {
    'use strict';

    // JS监听键盘Ctrl+S快捷键并自动点击保存按钮
    document.addEventListener('keydown', function (e) {
        if (e.keyCode == 83 && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {
            document.getElementsByClassName('button-save')[0].click();
        }
    });
})();

逻辑

代码没什么复杂的逻辑，首先是监听键盘事件，如果有 Ctrl+S 按下，就找到并点击保存按钮。

<!-- F12 审查元素发现保存按钮元素如下 -->
<button data-title="保存" class="navigation-bar__button button button-save">...</button>

其它

JS 脚本需挂载到油猴中使用：油猴（Tampermonkey）安装教程