2024-02-26拖拽事件（待更新）前言(各个浏览器的兼容性)1.兼容性如下图：一、相关的五个事件api如下：拖拽流程说明：1.dragstart事件2.dragenter事件3.dragover事件4.drop事件(必须要dragover事件触发)5.dragend事件MDN详细说明：链接如下如下图所示：二、相关的属性1.draggable(让元素可拖拽)draggable解释说明：使用代码如下：如下图所示：2.dataTransfer(对应的拖拽媒介)解释说明（通用方法）：_dragstart

https://www.qianduange.cn//article/2745.html 分类：前端知识

2024-02-20在上面的示例中，我们使用v-for指令将items数组中的每个元素渲染为一个可拖动的div元素，并在dragstart事件处理程序中设置要传递的数据类型和值。我们还在放置区域的div元素上设置了dragover和drop事件处理程序，以便在元素拖动到目标区域时触发，并在drop事件处理程序中获取传递的数据类型和值，并根据这些数据更新items数组，从而实现拖放和携带数据的功能。这样，当拖动元素被放置到目标区域时，它将被移动到该区域并从原位置删除，并且可以通过getData方法获取传递的数据。_js draggable、 data-item实现元素拖拽

https://www.qianduange.cn//article/2342.html 分类：前端知识

2024-02-191、vue3 vuedraggable报错TypeError: Cannot read properties of undefined (reading ‘updated’)：这个一般是因为插件使用语法有问题，vue3版本的插件使用时，v-for不能。2、报错 draggable element must have an item slot：这报错也是因为没有写item插槽，按照上面的语法写了插槽后，这报错就能解决。上面示例中div上面的元素已经注释，仍会出错。以上是插件最简几行代码，这四行不能缺失。_item slot must have only one child

https://www.qianduange.cn//article/2287.html 分类：前端知识

2024-02-11【代码】vue3 拖拽插件 Vue3draggableResizable。_vue3draggableresizable

https://www.qianduange.cn//article/1733.html 分类：前端知识

2024-02-02最初的时候使用的是sortablejs进行拖放，最后发现拖拽元素的文本无法放置在富文本编辑器中，因为sortablejs的封装和富文本编辑器的封装好像有冲突，所以被迫放弃（死磕好几天，最终放弃 (╬◣д◢) ），最终使用的是原生拖拽，原生的拖拽需要在标签上添加：draggable=true，表示是可以进行拖拽的，原生拖拽也是有事件的，这里就不多说，大家可以去看一下官网。至此我们就完成拖放填充的富文本编辑中；这里我才用的方法是在获取后端数据的时候，进行数据处理，因为后端给的数据是分开的。_vue 打印模板设计

https://www.qianduange.cn//article/1106.html 分类：前端知识

2024-01-30datalist （不同浏览器显示不同的样式）类似于百度搜索的下拉提示。6 支持chrome，safari，Opera，firfox，ie（9版本以上）浏览器。datetime-local 年月日选择。tel 手机号---用于移动端。week 一周选择。hidden 隐藏元素。spellcheck 拼写检查。密码，多行框，单选框，多选框不可使用。draggable 可拖动。_htnl5 前端

https://www.qianduange.cn//article/835.html 分类：前端知识

2024-01-25vuedraggable拖拽_vue3拖拽

https://www.qianduange.cn//article/344.html 分类：前端知识