javascript - 将 `onclick` 与上下文菜单子(monad)项一起使用？

Question

我的 manifest.json 文件中有这段代码:

{
  "name": "Test",
  "description": "test of Context Menus",
  "version": "0.0.1",
  "permissions": [
    "contextMenus"
  ],
  "background": {
    "persistent": false,
    "scripts": ["background.js"]
  },
  "manifest_version": 2
}

这是我的 background.js 文件:

chrome.runtime.onInstalled.addListener(function() {
  var parent = chrome.contextMenus.create({"title": "TEST", "contexts":["all"], "id": "parent"});  
  var child1 = chrome.contextMenus.create({"title": "Test2", "parentId": "parent", "id": "child1", "onclick": showURL, "contexts": ["all"]});
});

这是我的showURL 函数(在background.js 文件中)注意:这是在文档的最顶部:

function showURL() {
alert(document.URL);
}

但是运行它会使 child1 项目消失。这是为什么？

注意:当我删除 "onclick": showURL, 时，它会显示 child1 项目。

所以，我知道 onclick 有问题，但我不知道是什么!

请帮帮我，我不知道代码有什么问题!根据 Google 的 API 文档，我认为语法是正确的，那有什么问题吗？？

这应该是一个学习项目 - 学习 Chrome 扩展 API 的一个简单部分 - 但我已经遇到问题了!我知道编程是一项“有问题”的工作，但是，拜托!有人必须知道解决方案!

Answer 1

虽然您已阅读 the docs ，你还没有仔细阅读它们:

(optional) onclick:

A function that will be called back when the menu item is clicked. Event pages cannot use this; instead, they should register a listener for chrome.contextMenus.onClicked.

list 中的 "persistent": false 定义了一个事件页面。你应该restructure your code to fit ，并为 contextMenus 使用基于事件的点击处理。

P.S.:请注意，事件页面在概念上比持久后台页面更难编程。如果这是一种学习体验，您可以尝试从事件页面切换。