在Safari的Safari浏览器上是否拖放了html5拖放?

ivy*_*ike 6 javascript windows safari html5 draggable

在Safari的Safari浏览器上是否拖放了html5拖放?如果是这样,有什么工作吗?

我在Windows 7上使用Safari 5.1.2,并且放置目标始终显示为不可丢弃.在2台不同的Windows 7计算机上尝试了这一点,干净的安装和最新的设置.

试过这个演示和我自己的代码,它适用于所有其他最新的浏览器.

http://html5demos.com/drag

小智 9

事实上,Safari的D&D不起作用.

Safari的工作方式:

将逻辑放在可拖动对象的'dragend'事件中
而不是放在对象上的'drop'事件中.


ram*_*jan 0

http://html5doctor.com/native-drag-and-drop/#dragging_anything
添加以下内容:

[draggable=true] {
  -khtml-user-drag: element;
}
Run Code Online (Sandbox Code Playgroud)

非 HTML5 拖放可通过 jQuery UI 实现: http: //jqueryui.com/demos/draggable/

如果您希望它是轻量级的,您可以构建仅包含该特定功能的下载。

您可以使用 Modernizr 来检测它是否受支持,并在需要时使用 jQuery:

if (Modernizr.draganddrop) {
  // Browser supports HTML5 DnD.
} else {
  // Fallback to a library solution.
}
Run Code Online (Sandbox Code Playgroud)

来自http://www.html5rocks.com/en/tutorials/dnd/basics/