javascript - トリミングされた領域の外側でのマウスクリックを無効にする

Question

jqueryjcropを使用して画像を切り抜こうとしています。

このコードはプラグインを開始し、選択した領域をaspcet比率で画像に追加します。

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

ただし、ユーザーが別の場所で画像をクリックすると、選択範囲が表示されなくなります。したがって、このプラグインでマウスクリックを無効にして、選択した領域が画像の上に残るようにします。

score 9 · Accepted Answer

解決

jcropの作成者へのリクエストに応じてメールを受け取りましたが、問題は解決しました。

これが解決策です

最初にいくつかのsetSelectが必要なので、いくつかの領域は常に最初から選択されます。

そしてこれallowSelect: falseはマウスクリックを防ぎ、選択された領域を常に画像の上に保ちます。

score 1 · Accepted Answer

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

また

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

2 に答える 2