JS拖拽实现

252 阅读1分钟

quasar.dev/vue-directi…

一、首先了解Mutation是什么含义?

MutationObserver接口提供了监视对DOM树所做更改的能力。它被设计为旧的Mutation Events功能的替代品,该功能是DOM3 Events规范的一部分。

developer.mozilla.org/zh-CN/docs/…

二、目前要实现的效果\

实现效果:\

\

\

3.根据官网的例子,写的代码:\


\

.catch-all-pre font-size: 10px max-height: 350px.drop-source height: 400px width: 200px min-width: 200px background-color: grey.drop-target height: 500px width: 500px min-width: 200px background-color: gainsboro `