javascript - 如何在html拖放上设置自定义数据

标签 javascript html drag-and-drop html5-draggable

我正在尝试设置一个自定义数据,它是我的拖动事件上的 HTML 元素。
到目前为止,我是这样做的:

element.addEventListener('dragstart', event => {
  event.dataTransfer.setData('custom-data', document.querySelector('.the-element')
})

dropzone.addEventListener('drop', event => {
  const data = event.dataTransfer.getData('custom-data') // this is empty
})

有没有办法做到这一点?

我已经尝试过 JSON.stringify在将它传递给拖动事件之前在元素上。但是 JSON.stringify不适用于 HTMLElement 对象

reference从 mdn 说可以使用自定义数据

最佳答案

根据这个MDN reference , 可以指定数据类型 text/html并传递一个格式良好的 HTML 字符串。如果你想使用 DOM 中现有的元素,你可以传递它的 outerHTML字符串属性。

关于javascript - 如何在html拖放上设置自定义数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49870430/

相关文章:

javascript - Summernote 非引导版本滚动问题

javascript - 如何根据 AJAX 请求在设定的时间段内显示加载动画

javascript - 隐藏内容直到其父级被点击

javascript - 当用户在页面上移动 div 时显示 div 的原始位置

javascript - 我在 jQuery 中寻找好的 JS Loader 和 CSS Loader 脚本

javascript - 如何使用 AJAX 请求设置 cookie 值?

javascript - 无法通过 CSS 设置 z-index

html - 在 Aurelia 中使用 HTML 中的 Numeral.js

cocoa - 从 NSButton 拖拽到 NSButton

java - 如何在mouseDragged事件下的DRAG_LAYER上添加JLabel