<div>
ユーザーがマウスポインタをドラッグしているときにマウスの座標を表示するように設計されたシンプルなポップアップを作成しようとしています。このポップアップは、マウスポインタの右下に表示されます。下敷き div
には、独自の非常に重要なマウスイベントハンドラーがあります(例).mousemove()
。ポップアップdiv
はマウスポインタからかなり離れています(下に約16ピクセル、右に約16ピクセル)。たとえば、ユーザーがオブジェクトのサイズを変更していて、そのポップアップにそのオブジェクトの新しいサイズが表示されているとします。ユーザーがオブジェクトのサイズをゆっくり変更している場合、これは問題ありません。しかし、ユーザーが突然オブジェクトのサイズを変更し、ポップアップをポイントするとすぐに、div
下になりますdiv
フォーカスを失い、サイズ変更を担当するイベントハンドラーは、オーバーレイ-sとまったくdiv
連携するように設計されていないため、「壊れた」(マウスポインターが基になるものを「忘れる」ようなものです) 。div
ポップアップdiv
マウスイベントを抑制して、下にあるdiv
イベントを厳密に継続的に実行できるようにする機能はありますか?
私はそのようなことを試みました:
var BLACK_HOLE = function(e) {
e.preventDefault();
e.stopPropagation();
return false;
};
$popUp
.click(BLACK_HOLE)
.dblclick(BLACK_HOLE)
.focusin(BLACK_HOLE)
.focusout(BLACK_HOLE)
.hover(BLACK_HOLE)
.mousedown(BLACK_HOLE)
.mouseenter(BLACK_HOLE)
.mouseleave(BLACK_HOLE)
.mousemove(BLACK_HOLE)
.mouseout(BLACK_HOLE)
.mouseover(BLACK_HOLE)
.mouseup(BLACK_HOLE);
それは私が必要とするようには機能しません。誰かが同じ問題を抱えていましたか?それを回避することは可能ですか?おそらく、そのための完全なjQueryプラグインがあります...混乱しています...
前もって感謝します。