這篇短文分享一下如何為自己常用的網頁添加自定義功能，例如添加快捷鍵。我這里用一個常用的網站作為范例。它是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');}
});

本文只是一個示例，熟練掌握這點小技巧，可以為任何網頁實現一些自定義的功能，提高工作效率。