在Firefox中不工作的对象上可以拖动的文字

我们使用Scriptaculous的可拖动功能来允许拖放元素。除了处理Flash动画时，这一切都可以正常工作。我们正在使用Scriptaculous v1.9.0和PrototypeJS v1.7。样本是：在Firefox中不工作的对象上可以拖动的文字

<div style="position:absolute; z-index:1; top:0px; left:0px; height:px; width:px;" id="wrapper_movie15"> 
    <object height="337" width="364" style="position: absolute; width: 364px; height: 337px; z-index: 1; top: -15px; left: 42px;" class="movieId_ie15 selectable selected" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="movie15"> 
     <param value="movie.swf" name="movie"> 
     <param value="transparent" name="wmode"> 
     <param value="always" name="allowScriptAccess"> 
     <!--[if !IE]>--> 
     <object height="337" width="364" data="movie.swf" type="application/x-shockwave-flash"> 
     <!--<![endif]-->    
     <p>--- movie ---</p> 
     <!--[if !IE]>--> 
     </object> 
     <!--<![endif]--> 
    </object> 
</div> 
<script type="text/javascript"> 
    new Draggable('movie15',{ 
     handle:'wrapper_movie15'  
    }); 
</script>

的Chrome V22和IE9按预期方式工作，走动的影片，但是火狐似乎v16.0.1没有做任何事情。

任何帮助，将不胜感激。谢谢。

来源

2012-10-29 fanfavorite

首先猜测是因为这是闪光灯，它的行为类似于一个虚拟机 - 当你点击它时，它捕获所有的鼠标事件并且不会将它们传递给浏览器来处理。 –

有什么不对：

手柄应可拖动元素内（换句话说，移动与该对象）。当手柄停留在同一地点时，您正试图移动闪光灯电影。
wrapper和object都是绝对定位的。
点击将闪烁的对象。

可能的解决方案：

http://jsfiddle.net/C25MJ/ - 与50像素的手柄上面的flash动画
http://jsfiddle.net/C25MJ/1/ - 与叠加定位在flash动画，叠加将hi-jack位置点击鼠标

来源

2012-11-05 17:47:03 Victor

在Firefox中不工作的对象上可以拖动的文字

回答

相关问题