How to disable right-click context-menu in JavaScript

Question

Not that I m trying to prevent  View Source  or anything silly like that  but I m making some custom context menus for certain elements   EDIT  response to answers  I ve tried this    lt a id  moo  href    gt   lt  a gt    lt script type  text javascript  gt      var moo   document getElementById  moo         function handler event            event   event    window event           if  event stopPropagation              event stopPropagation             event cancelBubble   true          return false             moo innerHTML    right-click here        moo onclick   handler      moo onmousedown   handler      moo onmouseup   handler   lt  script gt

User · Answer

You can t rely on context menus because the user can deactivate it  Most websites want to use the feature to annoy the visitor

User · Answer

Capture the onContextMenu event  and return false in the event handler   You can also capture the click event and check which mouse button fired the event with event button  in some browsers anyway

User · Answer

Capture the onContextMenu event  and return false in the event handler   You can also capture the click event and check which mouse button fired the event with event button  in some browsers anyway

User · Answer

I have used this   document onkeydown   keyboardDown  document onkeyup   keyboardUp  document oncontextmenu   function e    var evt   new Object  keyCode 93     stopEvent e    keyboardUp evt     function stopEvent event    if event preventDefault    undefined    event preventDefault     if event stopPropagation    undefined    event stopPropagation      function keyboardDown e          function keyboardUp e            Then I catch e keyCode property in those two last functions - if e keyCode    93  I know that the user either released the right mouse button or pressed released the Context Menu key   Hope it helps

User · Answer

Capture the onContextMenu event  and return false in the event handler   You can also capture the click event and check which mouse button fired the event with event button  in some browsers anyway

User · Answer

If your page really relies on the fact that people won t be able to see that menu  you should know that modern browsers  for example Firefox  let the user decide if he really wants to disable it or not  So you have no guarantee at all that the menu would be really disabled

User · Answer

You can t rely on context menus because the user can deactivate it  Most websites want to use the feature to annoy the visitor

User · Answer

You can t rely on context menus because the user can deactivate it  Most websites want to use the feature to annoy the visitor

User · Answer

Capture the onContextMenu event  and return false in the event handler   You can also capture the click event and check which mouse button fired the event with event button  in some browsers anyway

User · Answer

If your page really relies on the fact that people won t be able to see that menu  you should know that modern browsers  for example Firefox  let the user decide if he really wants to disable it or not  So you have no guarantee at all that the menu would be really disabled

User · Answer

I have used this   document onkeydown   keyboardDown  document onkeyup   keyboardUp  document oncontextmenu   function e    var evt   new Object  keyCode 93     stopEvent e    keyboardUp evt     function stopEvent event    if event preventDefault    undefined    event preventDefault     if event stopPropagation    undefined    event stopPropagation      function keyboardDown e          function keyboardUp e            Then I catch e keyCode property in those two last functions - if e keyCode    93  I know that the user either released the right mouse button or pressed released the Context Menu key   Hope it helps

User · Answer

If your page really relies on the fact that people won t be able to see that menu  you should know that modern browsers  for example Firefox  let the user decide if he really wants to disable it or not  So you have no guarantee at all that the menu would be really disabled

User · Answer

If you don t care about alerting the user with a message every time they try to right click  try adding this to your body tag   lt body oncontextmenu  return false   gt    This will block all access to the context menu  not just from the right mouse button but from the keyboard as well   However  there really is no point adding a right click disabler  Anyone with basic browser knowledge can view the source and extract the information they need

User · Answer

If your page really relies on the fact that people won t be able to see that menu  you should know that modern browsers  for example Firefox  let the user decide if he really wants to disable it or not  So you have no guarantee at all that the menu would be really disabled

User · Answer

You can t rely on context menus because the user can deactivate it  Most websites want to use the feature to annoy the visitor

User · Answer

If you don t care about alerting the user with a message every time they try to right click  try adding this to your body tag   lt body oncontextmenu  return false   gt    This will block all access to the context menu  not just from the right mouse button but from the keyboard as well   However  there really is no point adding a right click disabler  Anyone with basic browser knowledge can view the source and extract the information they need

[javascript] How to disable right-click context-menu in JavaScript

Examples related to javascript

Examples related to contextmenu