Javascript Chrome扩展-鼠标悬停在扩展图标上显示动态文本

我最近构建了一个弹出式chrome扩展（） 它基本上会记录您在弹出窗口中键入的任何内容

现在，每当我将鼠标悬停在扩展图标上时，我都想显示保存的笔记。 现在，它在鼠标悬停时显示静态默认标题

我知道这是可能的，因为这个扩展在鼠标悬停时会显示未读邮件的内容，我不知道怎么做

如图所示：

那个么，我如何在chrome extension中将鼠标悬停在图标上显示弹出内容呢

---

如果需要更多详细信息，请告诉我。

鼠标悬停时显示的

浏览操作的工具提示是标题。您可以使用chrome.browserAction.setTitle（）更改标题。

例如：

chrome.browserAction.setTitle({
标题：“这是鼠标悬停时的工具提示文本。”
});

browserAction.setTitle（）

还可以采用可选的

tabId

，该选项卡将仅更改指定选项卡的标题

下面是一个在两个不同标题之间切换的

browserAction

按钮的GIF：

---

鼠标悬停时显示的

浏览操作的工具提示是标题。您可以使用chrome.browserAction.setTitle（）更改标题。

例如：

chrome.browserAction.setTitle({
标题：“这是鼠标悬停时的工具提示文本。”
});

browserAction.setTitle（）

还可以采用可选的

tabId

，该选项卡将仅更改指定选项卡的标题

下面是一个在两个不同标题之间切换的

browserAction

按钮的GIF：

---

如何将其设置为悬停？有任何悬停事件吗？@JerryGoyal，没有悬停事件可用。您只需设置标题，然后当鼠标悬停在按钮上时，就会显示标题（就像显示工具提示一样，您无需执行任何操作，只需设置它）。这表明标题略有变化。该GIF不再与中显示的代码完全匹配。答案中的代码是有多个状态的按钮。虽然这个问题是关于Firefox WebExtensions的，但该代码在Chrome和Firefox中都进行了测试。但是每当用户输入内容时，内容就会发生变化，而hover显示的是我最初设置的内容。我是否每次都必须调用setTitle？@JerryGoyal，您需要随时调用

browserAction.setTitle（）

更改标题。我不知道为什么/怎么会有什么不同。如何将它设置为悬停？有任何悬停事件吗？@JerryGoyal，没有悬停事件可用。您只需设置标题，然后当鼠标悬停在按钮上时，就会显示标题（就像显示工具提示一样，您无需执行任何操作，只需设置它）。这表明标题略有变化。该GIF不再与中显示的代码完全匹配。答案中的代码是有多个状态的按钮。虽然这个问题是关于Firefox WebExtensions的，但该代码在Chrome和Firefox中都进行了测试。但是每当用户输入内容时，内容就会发生变化，而hover显示的是我最初设置的内容。我是否每次都必须调用setTitle？@JerryGoyal，您需要随时调用

browserAction.setTitle（）

更改标题。我不知道为什么/怎么会有什么不同。