防止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元素被集中

回答

相關問題