আমি জানি যে এটি বরং পুরানোও। আমার সম্প্রতি একটি প্রসঙ্গ মেনু তৈরি করার দরকার ছিল যা আমি অন্যান্য সাইটগুলিতে ইনজেক্ট করেছিলাম যার উপাদানটিতে ক্লিক করা বিভিন্ন উপাদান রয়েছে 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()
};
}
});
});
