添加键盘快捷键以打开我创建的 Chrome 扩展程序答案

【问题标题】：Adding Keyboard Shortcut to open the Chrome Extension that I created添加键盘快捷键以打开我创建的 Chrome 扩展程序
【发布时间】：2021-07-16 17:18:20
【问题描述】：

我制作了一个 chrome 扩展，可以保存输入和标签链接（基本上是 chrome 的便笺）。我想添加一个键盘快捷键以在我的 chrome 中打开该扩展程序，但在这里 chrome://extensions/shortcuts 我看不到我上传的扩展程序。

我需要在我的 menifest.json 中添加权限吗？还是别的什么？

顺便说一下，这是我的 manifest.json。

{
    "name": "Sticky",
  "description": "saves input",
    "manifest_version": 3,
    "version": "1.1",
    "action":{
        "default_popup": "index.html",
        "default_icon": "nani.jpg"
    },
    "permissions": ["activeTab"]
}

【问题讨论】：

将document.addEventListener('keyup', ...); 添加到您注入的脚本中
你能展示你的js文件吗？

标签： javascript html json

【解决方案1】：

这里，


let links=[]
let input = document.getElementById("in")
let ulli = document.getElementById("ul")
let save = document.getElementById("save")
let tab = document.getElementById("tab");

let linksfronlocalstorage = JSON.parse(localStorage.getItem("links"))

if(linksfronlocalstorage){
    links = linksfronlocalstorage
    printlist(links)
}


save.addEventListener("click", function()
{
    links.push(input.value)
    input.value = ""
    localStorage.setItem("links", JSON.stringify(links))
    printlist(links)
})

tab.addEventListener("click", function(){
    chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
    links.push(tabs[0].url)
    localStorage.setItem("links", JSON.stringify(links))
    printlist(links)
    })
})

function printlist(anything){
    let listitems = ""  //string
    for(let i=0;i<anything.length; i++){
       listitems += "<li><a target = '_blank' href='" + anything[i] + "'>" + anything[i] + "</a></li>"
       //or template string
    }
    ulli.innerHTML = listitems
}
 //del when double clicked

 let doubleclickdel = document.getElementById("del")

 doubleclickdel.addEventListener("dblclick", function(){
    localStorage.clear()
    links = []
    printlist(links)
 })
 
//ENTER KEY FOR SAVING INPUT
input.addEventListener("keyup", function(event) {
    if (event.keyCode === 13) {
        event.preventDefault();
        save.click();
    }
});

【讨论】：