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

Question

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

这段代码启动插件，并向图像添加一些选定区域，具有纵横比。

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

但如果用户在图片的其他地方单击鼠标，则选择区域将消失。因此，我希望在该插件中禁用鼠标点击，以便所选区域仍可保留在图像上。

- David

Answer 1

解决方案

我已经收到了关于jcrop创建者的请求的电子邮件，问题得到了解决。

这是解决方案：

首先必须设置一些setSelect，以便从一开始就始终选择某个区域。

而allowSelect: false则防止鼠标点击，并始终将选定的区域置于图像之上。

- David

Answer 2

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

或者

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

- Sedat Başar

---

"e.preventDefault" 应该改为 "e.preventDefault()" 才能真正调用该方法。 - Phil

不起作用啊，奇怪我两种方式都加了提示，但是没有任何反应。 - David