मुझे पता है कि यह भी पुराना है। मुझे हाल ही में एक संदर्भ मेनू बनाने की आवश्यकता थी जिसे मैं उन अन्य साइटों में इंजेक्ट करता हूं जिनके पास अलग-अलग गुण हैं n पर क्लिक किया गया तत्व।
यह बल्कि मोटा है, और इसे प्राप्त करने के लिए संभावित बेहतर तरीके हैं। यह यहाँ स्थित jQuery के संदर्भ मेनू लाइब्रेरी का उपयोग करता है
मुझे इसे बनाने में मज़ा आया और हालाँकि आप लोग इसका कुछ उपयोग कर सकते हैं।
यहाँ है बेला । मुझे उम्मीद है कि यह उम्मीद कर सकता है कि वहां कोई मदद कर सकता है।
$(function() {
function createSomeMenu() {
var all_array = '{';
var x = event.clientX,
y = event.clientY,
elementMouseIsOver = document.elementFromPoint(x, y);
if (elementMouseIsOver.closest('a')) {
all_array += '"Link-Fold": {"name": "Link", "icon": "fa-external-link", "items": {"fold2-key1": {"name": "Open Site in New Tab"}, "fold2-key2": {"name": "Open Site in Split Tab"}, "fold2-key3": {"name": "Copy URL"}}},';
}
if (elementMouseIsOver.closest('img')) {
all_array += '"Image-Fold": {"name": "Image","icon": "fa-picture-o","items": {"fold1-key1": {"name":"Download Image"},"fold1-key2": {"name": "Copy Image Location"},"fold1-key3": {"name": "Go To Image"}}},';
}
all_array += '"copy": {"name": "Copy","icon": "copy"},"paste": {"name": "Paste","icon": "paste"},"edit": {"name": "Edit HTML","icon": "fa-code"}}';
return JSON.parse(all_array);
}
// setup context menu
$.contextMenu({
selector: 'body',
build: function($trigger, e) {
return {
callback: function(key, options) {
var m = "clicked: " + key;
console.log(m);
},
items: createSomeMenu()
};
}
});
});
