标签：drop

2020-08-11共享博客阅读(1375)评论(1)

下载vscode需要用到node.js和git 一、安装NodeJs 1.下载Nodejs Node.js官网下载地址:https://nodejs.org/en/download/ Node.js历史版本下载地址：https://node...

2020-08-10共享博客阅读(261)评论(0)

需求一 图片上传 就是要一个富文本编辑器，然后有图片上传功能，因为vue-quill-editor是将图片转为base64编码，所以当图片比较大时，提交后台时参数过长，导致提交失败。 解决思路 将图片先上传至服务器，再将图片链接插入到富文本...

2020-06-29共享博客阅读(364)评论(0)

 事情是这样的，右边有各种控件，可以拖动到右边自由区，在自由区内可以随意拖动。 案例一： 开始的我，so easy！ 通过绑定元素的mousedown 事件，监听鼠标的mousemove，和mouseup 事件，于是我轻松实现了同...

2020-06-29共享博客阅读(427)评论(0)

Dragula是一款支持移动触摸屏设备的纯js元素拖放插件。这个元素拖放插件使用简单，浏览器兼容性好，能够实现通过鼠标或在移动设备中通过手指来拖动DOM元素的位置。 代码演示： 头文件dragula.js 和 dragula.css下载链接...

2020-06-20共享博客阅读(446)评论(1)

1：什么是拖放？ 1：拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放 2：元素的可拖放 2： draggable 属性设置为 true     &...

2020-06-20共享博客阅读(260)评论(0)

1.设置 div 元素允许拖拽 draggable="true" 2.设置元素拖拽开始事件 @dragstart="drag(item.data)" 3.在拖放区 drop 事件中获取数据 注意 必须给拖放区元素添加 dragover.pr...