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

Posted 2023-02-25

【中文标题】在裁剪区域外禁用鼠标单击

【英文标题】：Disable mouse click outside cropped region

【发布时间】：2011-11-16 13:35:28

【问题描述】：

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

此代码启动插件，将一些选定区域添加到具有纵横比的图像中。

$('#cropbox').Jcrop(

setSelect:   [ 100, 100, 50, 50 ],
aspectRatio: 16 / 9
);

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

【问题讨论】：

感谢它帮助了我 :)

【参考方案1】：

解决方案

我收到了关于我向 jcrop 创建者提出请求的电子邮件，这解决了问题

解决办法

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

而且这个allowSelect: false 可以防止鼠标点击，并让选定区域始终位于图像上方。

【参考方案2】：

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

或

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

【讨论】：

"e.preventDefault" 应该是 "e.preventDefault()" 才能实际调用该方法。

不工作的家伙，奇怪的是我在两个方面都发出警报，根本没有采取任何行动