Question

118

How to retrieve the element where a contextmenu has been executed

rated 0 times [ 123] [ 5] / answers: 1 / hits: 19260 / 13 Years ago, sun, october 9, 2011, 12:00:00

I am trying to write a google chrome extension where I use a contextmenu. This contextmenu is available on editable elements only (input texts for example). When the contextmenu is clicked and executed I would like to retrieve in the callback function the element (the input text) on which the contextmenu has been executed in order to update the value associated to this input text.

Here is the skeleton of my extension:

function mycallback(info, tab) {

  // missing part that refers to the question:

  // how to retrieve elt which is assumed to be 

  // the element on which the contextMenu has been executed ?

  elt.value = my new value

}



var id = chrome.contextMenus.create({

        title: Click me,

        contexts: [editable],

        onclick: mycallback

    });

The parameters associated to the mycallback function contain no useful information to retrieve the right clicked element. It seems this is a known issue (http://code.google.com/p/chromium/issues/detail?id=39507) but there is no progress since several months. Does someone knows a workaround: without jquery and/or with jquery?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

saiget

Add To Favorites

Follow

Total Points: 64

Total Questions: 105

Total Answers: 105

Location: Belarus

Member since Tue, Mar 14, 2023

1 Year ago

answered 13 Years ago lucianom · Accepted Answer

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;

    });

}