Question

我有一个gallery pen（基于pen by Drew Power）与Hammerjs Pan水平滑动图像。适用于Chrome＆amp; Safari，但不在Firefox中

基本结构：

<div class="slider">
    <picture><img></picture>
    <picture><img></picture>
    <picture><img></picture>
</div>

div.slider是Hammer.Manager实例el，带有“pan”侦听器。
每个img

在Firefox中，img上的左/右边距暴露了一些父图片元素，点击父图片启动平移工作。但点击它的子元素img不起作用。平移聆听者听到事件并开始平移，但它立即结束。

使用CSS touch-action：none和-webkit-user-drag：none on没有区别。

删除img标签并将其用作div的背景是不可取的，因为我们失去了使用图片+源+ img标签获得的响应式图片尺寸的好处。

这是一个问题的笔 https://codepen.io/seanbischoff/details/aYYoMy/

非常感谢任何帮助！

Answer 1

添加<!DOCTYPE html> <html> <head> <script src="swfobject.js"></script> <title>Stream</title> </head> <body> <div id="mediaspace">This text will be replaced</div> <script> var so = new SWFObject('player.swf','mpl','470','290','9'); so.addParam('allowfullscreen','true'); so.addParam('allowscriptaccess','always'); so.addParam('wmode','opaque'); so.addVariable('file','livestream.flv'); so.addVariable('autostart','true'); so.addVariable('streamer','rtmp://192.168.1.151:1935/live'); so.write('mediaspace'); </script> </body> </html>和draggable='false'属性。这样可以防止拖入FF。

ondragstart='return false'

Modified CodePen

HammerJS pan在Firefox中为孙子元素失败

1 个答案: