使用生成的div拖放Vanilla JS

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用生成的div拖放Vanilla JS相关的知识,希望对你有一定的参考价值。

有人可以解释一下,当你点击一个按钮来创建div本身时,你可以创建一个div可拖动,这个按钮会添加像待办事项一样的div吗?一世

答案

MDN有关于如何在vanilla js中运行的良好文档。你可以从这样的事情开始:https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API

但是,目前还不清楚你究竟在问什么。您希望这个div如何显示 - 在单击按钮后在页面上呈现,然后再拖动,或者立即处于拖动状态,还是其他什么?

拖放API将支持我上面描述的两个,但是让每个工作都需要不同的方法。澄清这里会有所帮助。

以上是关于使用生成的div拖放Vanilla JS的主要内容,如果未能解决你的问题,请参考以下文章

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

如何使用 vanilla JavaScript 查找 div 的宽度?

使用 Pure Vanilla JavaScript 在视口上显示焦点 DIV 并在滚动时隐藏非焦点 DIV

使用 vanilla JS 而不是 JQuery $ 选择器按 id 选择 div 以应用 Raphaeljs 方法

如何仅使用 vanilla JavaScript 和 Node-API 将多个 div 元素包装在另一个元素节点周围?

搜索 div 是不是包含类(vanilla js)