How to prevent Right Click option using jquery

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

$(document).ready(function() {
    $("img").on("contextmenu",function(){
       return false;
    }); 
});

Working example: http://jsfiddle.net/vak9exyk/

I think this should help. Trick is to bind the contextmenu event.

<script type="text/javascript" language="javascript">
        $(function() {
            $(this).bind("contextmenu", function(e) {
                e.preventDefault();
            });
        }); 
</script>

<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" >

Set these attributes in your selected tag

See here Working Example - https://codepen.io/Developer_Amit/pen/drYMMv

No Need JQuery (like)

$(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

How to prevent Right Click option using jquery

Working example: http://jsfiddle.net/vak9exyk/

Related

Recent Posts