Firefox中未触发ondragstart事件

时间:2019-06-18 10:47:31

标签: javascript html firefox video ondragstart

我正在尝试使视频元素可拖动。下面的代码在Chrome中可以正常运行,但是dragstart事件在Firefox中不会触发。

有什么方法可以使其在Firefox上运行?

我的操作系统是Fedora 29。

  function drag(event){
  	//event.dataTransfer.setData("text","test-data")
    console.log("drag firing")
  }
<video width="400" controls draggable="true" ondragstart="drag()">
  <source src="" type="video/mp4">
  <source src="" type="video/ogg">
  Your browser does not support HTML5 video.
</video>

2 个答案:

答案 0 :(得分:1)

带有<video>

controls标签不能在firefox上拖放(06-2019),您可以尝试删除此属性以使其起作用。或者您需要一些解决方法。例如,您在视频外部添加了包装器元素,并使该包装器可拖动

答案 1 :(得分:1)

根据section 4.8.12.13 of the HTML standard specification by WHATWG,可以预期您观察到的行为,因为它显然符合规范,并引用了以下部分中的一段:

  

如果用户代理exposes a user interface to the user通过显示media element上的控件,则用户代理应在用户代理与此界面交互时禁止任何用户交互事件。 (例如,如果用户单击视频的播放控件,则不会同时向页面上的元素触发mousedown事件等。)