My Solution to Context Menu

[Juan Marchese]

var penguin = document.getElementById('tux');
var unem = document.getElementById('menu');

var toMouse = function(e){
  unem.style.display = 'block';
  var x = e.pageX;
  var y = e.pageY;
  unem.style.left = x + 'px';
  unem.style.top = y + 'px';
};

window.addEventListener('contextmenu', function(e){e.preventDefault();}, false);
penguin.addEventListener('contextmenu', toMouse, false);
document.body.addEventListener('click', function(){unem.style.display = 'none'}, false);

var op1 = document.getElementById('option1');
var op2 = document.getElementById('option2');
var op3 = document.getElementById('option3');

op1.addEventListener('click', function(){penguin.style.display = 'none'}, false);
op2.addEventListener('click', function(){op2.style.backgroundColor = '#123'}, false);
op3.addEventListener('click', function(){op3.style.fontSize = '10px'}, false);