Chrome扩展程序：如何通过鼠标悬停HTML元素

Question

我正在制作一个Chrome扩展程序，需要获取当前鼠标悬停的元素的ID。基本上，如果鼠标在按钮上，并且我使用键盘快捷键，它应该能够显示带有按钮ID的警报。

这是我期待的事情：

的manifest.json

    "commands": {
    "Display ID": {
        "suggested_key": {
            "default": "Ctrl+Shift+1",
            "mac": "Command+Shift+1"
        },
        "description": "Display ID"
    },

background.js

chrome.commands.onCommand.addListener(function(command) {

    // Get the active tab when the command was fired
    chrome.tabs.query({active:true, currentWindow: true}, function(arrayOfTabs) {
        currentTabId = arrayOfTabs[0].id; 
    });

    // Display the ID of the HTML element where the mouse is currently hovering
    alert("This is the element's id:" + elementId); // How to do this part???

});

请告诉我这是否可行!!!

Answer 1

我找到了问题的答案。我将当前悬停的元素存储到变量中，然后在执行键盘快捷键命令时调用它。本质上，我放置了一个新的mouseover事件监听器，用于跟踪当前悬停的元素。