29 lines
656 B
JavaScript
29 lines
656 B
JavaScript
const menu = document.querySelector(".menu");
|
|
let menuVisible = false;
|
|
|
|
const toggleMenu = command => {
|
|
menu.style.display = command === "show" ? "block" : "none";
|
|
menu.style.zIndex = "9999";
|
|
menuVisible = !menuVisible;
|
|
};
|
|
|
|
const setPosition = ({ top, left }) => {
|
|
menu.style.left = `${left}px`;
|
|
menu.style.top = `${top}px`;
|
|
toggleMenu("show");
|
|
};
|
|
|
|
window.addEventListener("click", e => {
|
|
if(menuVisible) toggleMenu("hide");
|
|
});
|
|
|
|
window.addEventListener("contextmenu", e => {
|
|
e.preventDefault();
|
|
const origin = {
|
|
left: e.pageX,
|
|
top: e.pageY
|
|
};
|
|
setPosition(origin);
|
|
return false;
|
|
});
|