0

我问了这个问题 我的问题

我设法在里面放了一个带有图像的 div 标签。当我开始拖动 extjs 窗口时,我用 div 切换 flash 播放器。它运行良好,但是当我将鼠标悬停在 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 标签不应该得到 focus。您拖动的 div 更有可能比可拖动元素具有更高的 z-index,从而触发可拖动元素上的mouseleaveormouseout事件,进而停止拖动。如果您可以发布一个工作小提琴,那么会更容易看到这里发生了什么。

于 2012-08-03T10:32:20.350 回答