How to prevent Right Click option using jquery

Question

Is it possible to prevent RIGHT CLICK option for IMAGES which we use in web page

User · Answer

Method 1    lt script type  text javascript  language  javascript  gt            document  ready function               document  bind  contextmenu  function e                return false                              lt  script gt    Method 2    lt script type  text javascript  language  javascript  gt            document  ready function               document  bind  contextmenu  function e                e preventDefault                                lt  script gt

User · Answer

Try this     document  bind  contextmenu  function e       return false

User · Answer

lt  DOCTYPE html gt   lt html gt   lt head gt   lt script src  https   ajax googleapis com ajax libs jquery 3 2 1 jquery min js  gt  lt  script gt    lt script gt     document  ready function        document  bind  contextmenu  function e     return false             lt  script gt   lt  head gt   lt body gt    lt p gt Right click is disabled on this page  lt  p gt    lt  body gt   lt  html gt

User · Answer

If you re looking into trying to disable the downloading saving of your images  scripts won t stop that  You would probably have better luck doing this on a server configuration level  like modifying your  htaccess for example on Apache    Try asking this on ServerFault

User · Answer

document  ready function            img   on  contextmenu  function           return false                  Working example  http   jsfiddle net vak9exyk

User · Answer

Here i have found some useful link  with live working example   I have tried its working fine   How to prevent Right Click option using jquery    document  bind  contextmenu   function  e            e preventDefault            alert  Right Click is Disabled

User · Answer

document  ready function            document  0  oncontextmenu   function     return false           document  mousedown function e            if  e button    2                 alert  Sorry  this functionality is disabled                 return false            else               return true                          If you want to disable it only on image click the instead of   document  mousedown use     yourimage   mousedown

User · Answer

document  ready function                 quot img quot   on  contextmenu   function  e               e preventDefault

User · Answer

The following code will disable mouse right click from full page     document  ready function            body   on  contextmenu  function e        return false               The full tutorial and working demo can be found from here - Disable mouse right click using jQuery

User · Answer

I think this should help  Trick is to bind the contextmenu event    lt script type  text javascript  language  javascript  gt            function                   this  bind  contextmenu   function e                    e preventDefault                                  lt  script gt

User · Answer

Here is a working example  the red links can t be right clicked anymore    x000D   x000D     ul someLinks1 a   each function i  obj    x000D   x000D      obj  on  contextmenu  function    x000D       return false  x000D         x000D     x000D      obj  css  color    red    x000D      x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   lt ul class  someLinks1  gt  x000D     lt li gt  lt a href  www google de  gt google lt  a gt  lt  li gt  x000D     lt li gt  lt a href  www stackoverflow de  gt stackoverflow lt  a gt  lt  li gt  x000D     lt li gt  lt a href  www test de  gt test lt  a gt  lt  li gt  x000D   lt  ul gt  x000D   x000D   lt ul class  someLinks2  gt  x000D     lt li gt  lt a href  www foobar de  gt foobar lt  a gt  lt  li gt  x000D     lt li gt  lt a href  www foo de  gt foo lt  a gt  lt  li gt  x000D     lt li gt  lt a href  www bar de  gt bar lt  a gt  lt  li gt  x000D   lt  ul gt  x000D   x000D   x000D

User · Answer

document  mousedown function e        if  e button    2              e preventDefault            return false

User · Answer

lt body oncontextmenu  return false  onselectstart  return false  ondragstart  return false   gt   Set these attributes in your selected tag   See here Working Example - https   codepen io Developer Amit pen drYMMv  No Need JQuery  like

[jquery] How to prevent Right Click option using jquery

Examples related to jquery