防止HTML元素被集中

的我设法把一个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> 
    <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>

来源

2012-08-03 Vlad

是你的div绝对/相对位置，它有一个z-索引？ – 2012-08-03 10:18:44

div的位置是固定的并且有z-index。此外，包含Flash播放器的div具有固定的位置。我用js改变z-index。但是，当我拖动窗口 – Vlad 2012-08-03 10:20:45

内嵌HTML简单，我认为术语focus是什么迷惑你 - 一个div tag shouldn't receive focus。更有可能的是，您拖动的div比可拖动的元素具有更高的z-index，从而触发可拖动元素上的mouseleave或mouseout事件，从而停止拖动。如果您可以发布working fiddle，可以更容易地看到这里发生了什么。

来源

2012-08-03 10:32:20

好的时候，无法防止任何div标签的焦点。 extjs窗口组件具有属性html，该属性html被设置为具有包含图像div和播放器div的网页的源的iframe。 – Vlad 2012-08-03 10:38:43

所以你拖动的元素是一个包含iframe的div？ – 2012-08-03 10:40:19

我在 – Vlad 2012-08-03 10:43:03

防止HTML元素被集中

回答

相关问题