Groups keyboard shortcuts have been updated
Dismiss
See shortcuts

My solution to Context Menu Exercise

66 views
Skip to first unread message

Ming Wei

unread,
Jan 3, 2020, 1:01:27 PM1/3/20
to Intro to JavaScript
var contextmenu_handler = function(e) {
  var menu = document.getElementById('menu');
  menu.style.display = 'block';
  menu.style.left = e.pageX + 'px';
  menu.style.top = e.pageY + 'px';
  e.preventDefault();
};
var click_handler = function(e) {
  var menu = document.getElementById('menu');
  menu.style.display = 'none';
};
var do_something_handler = function(e) {
  alert(e.target.textContent);
};
var tux = document.getElementById('tux');
tux.addEventListener('contextmenu', contextmenu_handler, false);
tux.addEventListener('click', click_handler, false);
for (var i = 1; i <= 3; i++) {
  document.getElementById('option' + i).addEventListener('click', do_something_handler, false);
}
Reply all
Reply to author
Forward
0 new messages