Why doesn#39;t HTML5 drag and drop work in Firefox?(为什么 HTML5 拖放功能在 Firefox 中不起作用?)
问题描述
我已将事件绑定到不同的元素,当我在除 Firefox 之外的所有浏览器中拖动它们时,它按预期工作.然而,在 Firefox 中,它根本不起作用.唯一触发的事件是 dragstart,其他事件都不会触发.怎么回事?
I have bound events to different elements, and when I drag them in all browsers, except Firefox, it works as expected. In firefox, however, it doesn't work at all. The only event that fires is dragstart, and none of the other events fire. What's going on?
推荐答案
我没有使用 jQuery,所以删除了 originalEvent 部分并将格式更改为文本(或 IE 有问题),并且它有效:
I'm not using jQuery, so removed the originalEvent portion and changed the format to text (or IE had issues), and it works:
event.dataTransfer.setData('text', 'anything');
在 drop 事件中确保调用:
In the drop event make sure to call:
event.preventDefault();
或者它会跳转到anything.com.
Or it will jump to anything.com.
这篇关于为什么 HTML5 拖放功能在 Firefox 中不起作用?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:为什么 HTML5 拖放功能在 Firefox 中不起作用?
基础教程推荐
- fetch 是否支持原生多文件上传? 2022-01-01
- 原生拖动事件后如何获取 mouseup 事件? 2022-01-01
- Fabric JS绘制具有活动形状的多边形 2022-01-01
- npm start 错误与 create-react-app 2022-01-01
- 检查 HTML5 拖放文件类型 2022-01-01
- 即使用户允许,Gmail 也会隐藏外部电子邮件图片 2022-01-01
- Bootstrap 模态出现在背景下 2022-01-01
- 在 contenteditable 中精确拖放 2022-01-01
- 如何添加到目前为止的天数? 2022-01-01
- Bokeh Div文本对齐 2022-01-01
