iframe があり、マウスホイールを使用して iframe コンテンツをズームインおよびズームアウトしたいのですが、現在メイン ページが iframe コンテンツと同時にスクロールしています。
マウスがマップ上にないときはメイン ページにマウス ホイール フォーカスを持たせたいが、マウスがホバリングしているときにマップ (iframe) にフォーカスを持たせたい:
http://digitouchmedia.com/digiMaps.html
これは可能ですか?
iframe があり、マウスホイールを使用して iframe コンテンツをズームインおよびズームアウトしたいのですが、現在メイン ページが iframe コンテンツと同時にスクロールしています。
マウスがマップ上にないときはメイン ページにマウス ホイール フォーカスを持たせたいが、マウスがホバリングしているときにマップ (iframe) にフォーカスを持たせたい:
http://digitouchmedia.com/digiMaps.html
これは可能ですか?
まず、iframe の window オブジェクトにアクセスする必要があります。これは、iframe が同じオリジン ポリシーに従っている場合にのみ許可されます。
同じオリジンにいる場合は、IFrame ウィンドウにアクセスできます。
window.frames['nameOfYourIFrame'].focus();
iframe の上にマウスを置いたときにこれを行うには、マウスの開始と終了を検出するために使用できる「境界線」を提供するのに十分な大きさのボディを持つ DIV 要素に iframe をネストすることを検討します。上記のフォーカス コードをこのイベント ハンドラーにアタッチします。
注: ブラウザー ウィンドウがアクティブではなく、フォーカスが合っていない場合、マウス イベントは発生しないと思います。私は間違っている可能性があります。