Is right click a Javascript event

Question

Is right click a Javascript event   If so  how do I use it

User · Answer

Handle event using jQuery library      window  on  contextmenu   function e       alert  Right click

User · Answer

This is worked with me  if  evt xa which    3         alert  Right mouse clicked

User · Answer

To handle right click from the mouse  you can use the  oncontextmenu  event  Below is an example    document body oncontextmenu function event         alert   Right click            the above code alerts some text when right click is pressed  If you do not want the default menu of the browser to appear  you can add      return false  At the end of the content of the function  Thanks

User · Answer

As others have mentioned  the right mouse button can be detected through the usual mouse events  mousedown  mouseup  click    However  if you re looking for a firing event when the right-click menu is brought up  you re looking in the wrong place   The right-click context menu is also accessible via the keyboard  shift F10 or context menu key on Windows and some Linux    In this situation  the event that you re looking for is oncontextmenu   window oncontextmenu   function          showCustomMenu        return false         cancel default menu     As for the mouse events themselves  browsers set a property to the event object that is accessible from the event handling function   document body onclick   function  e        var isRightMB      e   e    window event       if   which  in e      Gecko  Firefox   WebKit  Safari Chrome   amp  Opera         isRightMB   e which    3       else if   button  in e      IE  Opera          isRightMB   e button    2        alert  Right mouse button      isRightMB          was not      clicked          window oncontextmenu - MDC

User · Answer

You could use the event window oncontextmenu  for example    x000D   x000D  window oncontextmenu   function      x000D    alert  Right Click   x000D    x000D   lt h1 gt Please Right Click here  lt  h1 gt  x000D   x000D   x000D

User · Answer

If you want to detect right mouse click  you shouldn t use MouseEvent which property as it is non-standard and there s large incompatibility among browsers   see MDN  You should instead use MouseEvent button  It returns a number representing a given button    0  Main button pressed  usually the left button or the un-initialized state 1  Auxiliary button pressed  usually the wheel button or the middle button  if present  2  Secondary button pressed  usually the right button 3  Fourth button  typically the Browser Back button 4  Fifth button  typically the Browser Forward button   MouseEvent button handles more input types than just standard mouse      Buttons may be configured differently to the standard    left to right  layout  A mouse configured for left-handed use may   have the button actions reversed  Some pointing devices only have one   button and use keyboard or other input mechanisms to indicate main    secondary  auxilary  etc  Others may have many buttons mapped to   different functions and button values    Reference    https   developer mozilla org en-US docs Web API MouseEvent which https   developer mozilla org en-US docs Web API MouseEvent button

User · Answer

Yes  oncontextmenu is probably the best alternative but be aware that it triggers on mouse down whereas click will trigger on mouse up   Other related questions were asking about double right click - which apparently isn t supported except through manual timer checking  One reason you might want to be able to have right double click is if you need want to support left-handed mouse input  button reversal   The browser implementations seem to make a lot of assumptions about how we should be using the available input devices

User · Answer

Easiest way to get right click done is using       classx   on  contextmenu   function  event            However this is not cross browser solution  browsers behave differently for this event especially firefox and IE  I would recommend below for a cross browser solution     classx   on  mousedown   function  event        var keycode     event keyCode   event keyCode   event which        if  keycode     3             your right click code goes here

User · Answer

No  but you can detect what mouse button was used in the  onmousedown  event    and from there determine if it was a  right-click

User · Answer

x000D   x000D  window oncontextmenu   function  e    x000D    e preventDefault   x000D    alert  Right Click   x000D    x000D   lt h1 gt Please Right Click here  lt  h1 gt  x000D   x000D   x000D

User · Answer

That is the easiest way to fire it  and it works on all browsers except application webviews like   CefSharp Chromium etc        I hope my code will help you and good luck    x000D   x000D  const contentToRightClick document querySelector  div contentToRightClick    x000D   x000D    const contentToRightClick window    If you want to add it into the whole document x000D   x000D  contentToRightClick oncontextmenu function e   x000D    e  e  window event   x000D    e preventDefault    x000D    console log e   x000D     x000D    return false    Remove it if you want to keep the default contextmenu  x000D    x000D  div contentToRightClick  x000D    background-color   eee  x000D    border  1px solid rgba 0 0 0  2   x000D    overflow  hidden  x000D    padding  20px  x000D    height  150px  x000D    x000D   lt div id  contentToRightClick  gt Right click on the box   lt  div gt  x000D   x000D   x000D

User · Answer

Yes  its a javascript mousedown event  There is a jQuery plugin too to do it

User · Answer

The following code is using jQuery to generate a custom rightclick event based on the default mousedown and mouseup events  It considers the following points    trigger on mouseup trigger only when pressed mousedown on the same element before this code especially also works in JFX Webview  since the contextmenu event is not triggered there  it does NOT trigger when the contextmenu key on the keyboard is pressed  like the solution with the on  contextmenu        does    x000D   x000D    function    x000D       global rightclick handler - trigger custom event  rightclick  x000D   var mouseDownElements       x000D     document  on  mousedown        function event  x000D     x000D    if  event which    3  x000D      x000D     mouseDownElements push this   x000D      x000D       x000D     document  on  mouseup        function event  x000D     x000D    if  event which    3  amp  amp  mouseDownElements indexOf this   gt   0  x000D      x000D       this  trigger  rightclick    x000D      x000D       x000D     document  on  mouseup   function   x000D     x000D     mouseDownElements length   0  x000D       x000D         disable contextmenu x000D        document  on  contextmenu   function event  x000D     x000D     event preventDefault    x000D       x000D      x000D   x000D   x000D   x000D     Usage  x000D      testButton   on  rightclick   function event  x000D    x000D    alert  this was a rightclick    x000D      x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   lt button id  testButton  gt Rightclick me lt  button gt  x000D   x000D   x000D

User · Answer

Try using the which and or button property The demo function onClick e        if   e                return             switch    e which   e button                  case  10               console log  Left mouse button at     e clientX    x    e clientY           break          case  21               console log  Middle mouse button     e clientX    x    e clientY           break          case  32               console log  Right mouse button     e clientX    x    e clientY           break          case  43               console log  Backward mouse button     e clientX    x    e clientY           break          case  54               console log  Forward mouse button     e clientX    x    e clientY           break           window addEventListener  quot mousedown quot   onClick    MacOS  On Windows and Linux there are modifier keys Alt  Shift and Ctrl  On Mac there   s one more  Cmd  corresponding to the property metaKey    Even if we   d like to force Mac users to Ctrl click     that   s kind of difficult  The problem is  a left-click with Ctrl is interpreted as a right-click on MacOS  and it generates the contextmenu event  not click like Windows Linux  So if we want users of all operating systems to feel comfortable  then together with ctrlKey we should check metaKey  For JS-code it means that we should check if  event ctrlKey    event metaKey      Related  here

User · Answer

If You want to call the function while right click event means we can use following     lt html lang  en  oncontextmenu  func    return false   gt    lt  html gt    lt script gt  function func    alert  Yes       lt  script gt

User · Answer

have a look at the following jQuery code       myId   mousedown function ev         if ev which    3                      alert  Right mouse button clicked on element with id myId                  The value of which will be    1 for the left button 2 for the middle button 3 for the right button

User · Answer

Yes - it is   function doSomething e        var rightclick      if   e  var e   window event      if  e which  rightclick    e which    3       else if  e button  rightclick    e button    2       alert  Rightclick      rightclick      true or false

User · Answer

Ya  though w3c says the right click can be detected by the click event  onClick is not triggered through right click in usual browsers   In fact  right click only trigger onMouseDown onMouseUp and onContextMenu   Thus  you can regard  onContextMenu  as the right click event  It s an HTML5 0 standard

User · Answer

Most of the given solutions using the mouseup or contextmenu events fire every time the right mouse button goes up  but they don t check wether it was down before   If you are looking for a true right click event  which only fires when the mouse button has been pressed and released within the same element  then you should use the auxclick event  Since this fires for every none-primary mouse button you should also filter other events by checking the button property   x000D   x000D  window addEventListener  auxclick    event    gt      if  event button     2  alert  Right click        x000D   x000D   x000D   You can also create your own right click event by adding the following code to the start of your JavaScript      const rightClickEvent   new CustomEvent  rightclick     bubbles  true       window addEventListener  quot auxclick quot    event    gt        if  event button     2          event target dispatchEvent rightClickEvent                  You can then listen for right click events via the addEventListener method like so  your element addEventListener  quot rightclick quot   your function     Read more about the auxclick event on MDN

[javascript] Is right click a Javascript event?

Examples related to javascript