How to retrieve the element where a contextmenu has been executed

by

You can inject content script with contextmenu event listener and store element that was clicked:

manifest.json

"content_scripts": [{
  "matches": ["<all_urls>"],
  "js": ["content.js"],
  "all_frames": true,
  "match_about_blank": true
}]

content script.js

//content script
var clickedEl = null;

document.addEventListener("contextmenu", function(event){
    clickedEl = event.target;
}, true);

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
    if(request == "getClickedEl") {
        sendResponse({value: clickedEl.value});
    }
});

background.js

//background
function mycallback(info, tab) {
    chrome.tabs.sendMessage(tab.id, "getClickedEl", {frameId: info.frameId}, data => {
        elt.value = data.value;
    });
}

More Related Contents:

  1. Chrome extension – retrieving global variable from webpage
  2. Chrome extension adding external javascript to current page’s html
  3. Console shows error about Content Security policy and lots of failed GET requests
  4. Inject CSS stylesheet as string using Javascript
  5. Dynamic extension context menu that depends on selected text
  6. Is there any way of passing additional data via custom events?
  7. Is there a flexible way to modify the contents of an editable element?
  8. Javascript: Let user select an HTML element like Firebug?
  9. Can a website block a Chrome Extension? [duplicate]
  10. How do I set/unset a cookie with jQuery?
  11. jQuery .live() vs .on() method for adding a click event after loading dynamic html
  12. Creating a new DOM element from an HTML string using built-in DOM methods or Prototype
  13. Difference between innerText, innerHTML and value?
  14. getElementsByTagName() equivalent for textNodes
  15. Event handlers inside a Javascript loop – need a closure?
  16. Chrome sendrequest error: TypeError: Converting circular structure to JSON
  17. Javascript – Are DOM redraw methods synchronous?
  18. How to check if an embedded SVG document is loaded in an html page?
  19. How do I serialize a DOM to XML text, using JavaScript, in a cross browser way?
  20. How do you set the document title in React?
  21. Can I change an HTML element’s type?
  22. “Cut and Paste” – moving nodes in the DOM with Javascript
  23. Is it possible to programmatically catch all events on the page in the browser?
  24. Is there any way to accelerate the mousemove event?
  25. JavaScript: Is it better to use innerHTML or (lots of) createElement calls to add a complex div structure? [duplicate]
  26. Getting the text from a drop-down box
  27. Accessing a DOM object defined in an external SVG file
  28. Can I add arbitrary properties to DOM objects?
  29. Is there any way to find an element in a documentFragment?
  30. In JavaScript, how can I replace text in an HTML page without affecting the tags?

Leave a Comment