Advertisement
StoryMakerTV

Javascript - Right-click context menu (basic functionality)

Jul 17th, 2013
56
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. //Open context menu js (how-to)
  2. var menu = document.createElement("div");
  3. var isOpened = false;
  4.  
  5. menu.open = function (x,y) {
  6.    menu.style.left = x + "px"
  7.    menu.style.top  = y + "px"
  8.    menu.style.position = "fixed"
  9.    menu.style.opacity = 1
  10.    menu.style.width = "220px"
  11.    menu.style.height = "500px"
  12.    menu.style.backgroundColor = "#000022"
  13. }
  14.  
  15. menu.close = function () {menu.style.opacity = 0}
  16.  
  17. showCustomMenu = function (e) {
  18.   console.log(e)
  19.   if (e.button == 2) {
  20.      if (isOpened) {menu.close(), isOpened = false} else {
  21.         isOpened = true
  22.         menu.open(e.x, e.y)
  23.      }
  24.      
  25.   }
  26. }
  27.  
  28. document.body.appendChild(menu)
  29.  
  30. //NOTE: Code does just show the basics.. It's still expandable.
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement