0

私はこの質問をしまし た 私の質問

画像を含む div タグを入れることができました。extjs ウィンドウをドラッグし始めると、div で Flash Player を切り替えます。そして、それはうまく機能しますが、ブラウザがdivタグにフォーカスを置くため、divタグにカーソルを合わせるとドラッグが停止します。

javascript/jquery 関数を使用して extjs ウィンドウをドラッグしているときに、div タグのフォーカスを削除/停止することはできますか?

画像がなくても、背景色の div タグだけを試してみましたが、マウスを div の上に置くと、ウィンドウのドラッグが停止します。

ここにサンプルコードがあります

win = Ext.create('widget.window',
{
    title: "My Player",
    id: "my_player",
    width: 750,
    height: 290,
    x:startXPlayer,
    y:startYPlayer,
    ghost: false,
    modal: false,
    resizable: false,
    disableCaching : true,
    closeAction: 'destroy',
    items: [],
    html: '<iframe src="./index.php/myplayer?'+url+'&d='+new Date()+'" style="width: 735px; height: 280px; border: none;"></iframe>'
});

これは、iframe に埋め込まれた単純化された html です。

<html>
   <head>
        <title>my page</title>
        <script type="text/javascript" src="swfobject.js"></script>
        <script type="text/javascript">
            swfobject.registerObject("myPlayer", "9.0.0", "expressInstall.swf");
        </script>
   </head>
   <body>
      <div id="window">
        <div id="static_image" class="image">
            <img src="test.jpg"/>
        </div>
        <div id="flash" class="flobject">   
            <object id="myPlayer" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="720" height="240">
                <param name="movie" value="test.swf" />
                <param name="wmode" value="transparent">

                <!--[if !IE]>-->
                <object type="application/x-shockwave-flash" data="test.swf" width="300" height="120">
                <!--<![endif]-->
                <div>
                    <h1>Alternative content</h1>
                    <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
                </div>
                <!--[if !IE]>-->
                </object>
                <!--<![endif]-->
            </object>
        </div>
    </div>
   </body>
</html>
4

1 に答える 1

1

この用語focusはあなたを混乱させていると思います- div タグはフォーカスを受け取るべきではありません。ドラッグしている div の z-index がドラッグ可能な要素よりも高い可能性が高いため、ドラッグ可能な要素でmouseleaveormouseoutイベントがトリガーされ、ドラッグが停止します。動作するフィドルを投稿できれば、ここで何が起こっているのかを簡単に確認できます。

于 2012-08-03T10:32:20.350 に答える