我问了这个问题 我的问题
我设法在里面放了一个带有图像的 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>