在裁剪区域外禁用鼠标单击

Question

我正在尝试使用jquery jcrop裁剪图像。

此代码启动插件，使用aspcet比率将一些选定区域添加到图像中。

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

但是如果用户在其他地方的图像上单击鼠标，则选择消失。所以我想要的是在这个插件中禁用鼠标点击，这样选定的区域将保留在图像上。

Answer 1

解

我已收到电子邮件，请求jcrop的创建者解决问题

这是解决方案

首先必须有一些setSelect，所以总是从一开始就选择一些区域。

此allowSelect: false可防止鼠标点击，并始终将所选区域保留在图像上。

Answer 2

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

或

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