为OWA自定义快捷键

这篇短文分享一下如何为自己常用的网页添加自定义功能，例如添加快捷键。我这里用一个常用的网站作为范例。它是Outlook Web Access (OWA), 它的地址一般如下。

我在写邮件时希望能用一些快捷键来提高工作效率，但系统默认自带的快捷键特别少，而且无法通过内置的界面进行修改和配置。例如我经常在邮件正文中插入一些引用的文字，那么最好使用如下的效果。

要添加引用文字，其实在工具栏上面是有一个按钮的，但我想要的是，能否为这个按钮分配一个快捷键呢，这样的话，我的手就可以不需要离开键盘快速地完成操作。可能有很多方法实现这个需求，我用的是久负盛名的油猴（Tampermonkey) 插件。

新建一个脚本，输入如下的内容

// ==UserScript==
// @name         outlookweb
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://outlook.live.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=tampermonkey.net
// @grant        unsafeWindow
// @require      https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js
// @require      file://C:\Users\chenxizhang\monkeyscripts\outlookweb.js
// ==/UserScript==

上面的倒数第二行，请替换为你的合适路径，并且以下面的代码创建 outlookweb.js 文件。

window.addEventListener("keydown", (event) => {if (event.ctrlKey && event.altKey && event.key === "q") {event.preventDefault();$("button[aria-label='Quote']").trigger('click');}
});

本文只是一个示例，熟练掌握这点小技巧，可以为任何网页实现一些自定义的功能，提高工作效率。