Scriptaculous 可拖动对象在 Firefox 中不起作用答案

【问题标题】：Scriptaculous draggable on object not working in FirefoxScriptaculous 可拖动对象在 Firefox 中不起作用
【发布时间】：2012-10-18 22:38:29
【问题描述】：

我们正在使用 Scriptaculous 的可拖动功能来允许拖放元素。除了处理 Flash 电影外，这一切都很好。我们正在使用 Scriptaculous v1.9.0 和 PrototypeJS v1.7。一个示例是：

<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 按预期工作，移动电影，但是 Firefox v16.0.1 似乎没有做任何事情。

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

【问题讨论】：

第一个猜测是，因为这是闪存，所以它的行为类似于虚拟机 - 当您单击它时，它会捕获所有鼠标事件并且不会将它们传递给浏览器来处理。跨度>

标签： flash prototypejs scriptaculous

【解决方案1】：

怎么了：

手柄应该在可拖动元素的内部（换句话说，随着那个对象移动）。当句柄停留在同一个地方时，您正试图移动 Flash 电影。
wrapper 和 object 都是绝对定位的。
点击会闪现对象。

可能的解决方案：

http://jsfiddle.net/C25MJ/ - Flash 影片上方有 50px 的句柄
http://jsfiddle.net/C25MJ/1/ - 叠加层位于 Flash 电影上，叠加层会劫持鼠标点击

【讨论】：