33 lines
1 KiB
JavaScript
33 lines
1 KiB
JavaScript
|
const contextmenus = {};
|
||
|
|
|
||
|
|
contextmenus.hide_open_menus =
|
||
|
|
function hide_open_menus()
|
||
|
|
{
|
||
|
|
const elements = document.getElementsByClassName("open_contextmenu");
|
||
|
|
while (elements.length > 0)
|
||
|
|
{
|
||
|
|
elements[0].classList.remove("open_contextmenu");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
contextmenus.show_menu =
|
||
|
|
function show_menu(event, element)
|
||
|
|
{
|
||
|
|
contextmenus.hide_open_menus();
|
||
|
|
console.log(event);
|
||
|
|
element.classList.add("open_contextmenu");
|
||
|
|
const html = document.documentElement;
|
||
|
|
const over_right = Math.max(0, event.clientX + element.offsetWidth - html.clientWidth);
|
||
|
|
const over_bottom = Math.max(0, event.clientY + element.offsetHeight - html.clientHeight);
|
||
|
|
const left = event.target.offsetLeft + event.offsetX - over_right;
|
||
|
|
const top = event.target.offsetTop + event.offsetY - over_bottom;
|
||
|
|
element.style.left = left + "px";
|
||
|
|
element.style.top = top + "px";
|
||
|
|
}
|
||
|
|
|
||
|
|
function on_pageload()
|
||
|
|
{
|
||
|
|
document.body.addEventListener("click", contextmenus.hide_open_menus);
|
||
|
|
}
|
||
|
|
document.addEventListener("DOMContentLoaded", on_pageload);
|