Disable mouse click outside cropped region

问题

I'm trying to use jquery jcrop to crop images.

this code starts the plugin adding some selected area to the image with aspcet ratio.

$('#cropbox').Jcrop(
{
setSelect:   [ 100, 100, 50, 50 ],
aspectRatio: 16 / 9
});

But if user clicks mouse on image somewhere else, the selection disappears. So what I want is to disable mouse clicks in this plugin so selected area will remain over the image.

回答1:

SOLUTION

I've received email on my request to the creators of jcrop and that solved the problem

Here is the solution

First there must be some setSelect , so some area is always selected from the beginning.

And this allowSelect: false prevents mouse clicks, and keeps selected area always over the image.

回答2:

$('#cropbox').click(function(){
    return false;
})

or

$('#cropbox').click(function(e){
    e.preventDefault();
})

来源：https://stackoverflow.com/questions/8152517/disable-mouse-click-outside-cropped-region