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

Question

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

此代码启动插件，以纵横比向图像添加一些选定区域。

$('#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();
})