javascript - onmouseup イベントが発生しない

Question

IFrame を含むドキュメントがあります (すべてのソース アイテムは同じドメインからのものです)。onmouseup イベントを IFrame の div にアタッチすると、マウスが上にあるときに発生します。私のカーソル。

しかし、IFrame をマウスを押したままにして離すと、イベントは発生しません。

この問題をキャッチする方法はありますか?おそらく、ユーザーがマウス カーソルで IFrame から出たときを知っていますか?

Answer 1

マウスイベントはウィンドウに関連付けられており、iframeはウィンドウと見なされるため、カーソルがiframe上にない場合、そのmouseupイベントがiframeに発生することはありません。あなたができることは、そのようにドキュメント上で親フレームのマウスアップイベントをキャプチャすることです。

$(parent.document).mouseup(functionToRun);

またはjQueryなし

parent.document.onmouseup = functionToRun;

これをiframedドキュメントに入れます。