如何使用 Vanilla Js 拖放存储已放置项目的状态?

Posted

技术标签:

【中文标题】如何使用 Vanilla Js 拖放存储已放置项目的状态?【英文标题】:How do I store the state of a dropped item using Vanilla Js Drag and Drop? 【发布时间】:2019-11-27 22:13:34 【问题描述】:

我正在尝试存储可拖动项目的状态,以便将它们拖放到网络应用程序的任何位置。我正在使用jKanban Library

我希望将item-1Board A拖到Board B,重启应用并在Board B中找到item-1

【问题讨论】:

ondrop 存储一个值。 【参考方案1】:

为我工作试试。

 dropEl: function(el, target, source, sibling)
         console.log (el.getAttribute('data-eid')); // ID OF ELEMENT - TASK
         console.log(target.parentElement.getAttribute('data-id')); // ID OF BOARD 
  );

【讨论】:

以上是关于如何使用 Vanilla Js 拖放存储已放置项目的状态?的主要内容,如果未能解决你的问题,请参考以下文章

拖放 API 和表格行(仅限 vanilla JS)

js/jQuery 拖放,重新计算放置目标

一个小型、轻量级的JavaScript插件,用于将项目放置在直线行中(jQuery和香草JS版本)–演示:

我们如何在可放置 div 中释放项目的确切位置元素上放置

node.js 的新手;需要帮助将 npm 模块导入我的前端 vanilla JS 项目

拖放 div 并存储位置