jquery selectable - DivとCanvas

Question

私はjquery selectableプラグインを使用しており、次のような状況で実行しています。

HTML5のキャンバスは、DIVの内部に封入されたこの画像で

を見てみてください。しかしキャンバスはDIVサイズよりも大きくなっています。丸い矩形は常にDIVのサイズです。キャンバスは、DIV境界の両側に10ピクセルほど大きくなっています。上の画像では、青い境界はキャンバスを表しています。

私はjqueryを選択でき、class = "mt_obj"のすべてのオブジェクトを選択します。

DIVにはこのクラスが割り当てられていますが、キャンバスにはこのクラスが割り当てられていません。

マーキー選択（ラバーバンド）を使用するときに副作用があり、キャンバス領域にある場合はオブジェクトが選択されます。青い枠線と四角い枠線の間をクリックすると、オブジェクトが選択されます。目的の動作は、ユーザーが灰色の丸い四角形をクリックしたときにのみ選択することです。

ここにHTMLコードがあります。 キャンバスオブジェクトの場合は、選択を避けるためにjqueryの選択可能なクラス選択がありますか？。私は、divがキャンバスの親であるため、キャンバスの選択がDIVに伝わると思います。

<div style="display: block; position: absolute; 
top: 181px; left: 217px; width: 398px; height: 34px; z-index: 1;" 
class="mt_obj ui-resizable ui-draggable ui-selected ui-resizable-autohide"> 
<canvas style="position: relative; 
top: -10px; left: -17.4561px;" width="432" height="54"> 
</canvas> 
</div> 

Answer 1

これは、暗闇の中でショットのビットですが、私は選択の選択をトリガするためにマウスオーバー、マウスアウト、MouseEnterイベント、およびmouseleaveイベントのいずれか、またはすべてを使用していることを推測しています。このことを念頭に置いて、あなたがselectableを呼び出した後、このような何かを行うことができるかもしれません：

$("div.mt_obj canvas").bind("mouseover mouseout", function(event){ 
    event.stopPropagation(); 
}); 

あなたもそこにmouseenterとmouseleaveイベントを試みることができます。