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

时间:2015-01-06 05:52:09

标签: javascript google-chrome-extension

我正在制作一个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???

});

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

1 个答案:

答案 0 :(得分:0)

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