jquery disable contextmenu in a image

Question

I'm trying to put that code to prevent right click on a img but i don't know what's wrong with that code. I think the script code is not where it should be.

<html>
<head>
    <meta charset='utf-8'/>
    <title></title>
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
</head> 
<body>
<img src="src image path">
<script>
    $(window).load(function() {
        $('img').bind('contextmenu', function(e) {
            return false;
        });
    };
</script>
</body>
</html>

http://stackoverflow.com/questions/5618109/how-to-prevent-right-click-option-using-jquery — ahdaniels, Feb 19 '14 at 15:07

score 1 · Accepted Answer · answered Feb 19 '14 at 15:08

1

You need to use the DOMReady function:

$(function() {  
    $('img').bind('contextmenu', function() {  
        return false;
    });
});

jsFiddle Demo

answered Feb 19 '14 at 15:08

BenM

52,573
26
113
168

score 0 · Answer 2 · answered Feb 19 '14 at 15:08

0

Your document is not rendered at the time you are adding the bind event.

Try to do $(document).ready instead of $(window).load.

answered Feb 19 '14 at 15:08

António Almeida

9,620
8
59
66

jquery disable contextmenu in a image

2 Answers2