欢迎来到飞鸟慕鱼博客,开始您的技术之旅!
当前位置: 首页知识笔记正文

拖拽html元素

墨初 知识笔记 65阅读

项目中拖拽元素可以使用超文本标记语言的可拖动的属性当然也可以用第三方插件互动一、安装二、引用三、使用一、安装npm安装交互二、引用从互动j导入交互三、使用div classdrag_box img src././资产/图像/小手。png类小手alt//div这个。makeiframedraggable()//拖拽页面初始化//拖拽页面makeIframeDraggable() { interact(.拖动_框).draggable({ on move : event { const target event。目标常量x(解析浮点型(目标。get attribute(data-x))| | 0)事件。dx const y(解析浮点型(目标。get属性(data-y))| | 0)事件。dy目标。风格。转换翻译($ { x } px,$ { y } px)目标。set attribute(data-x,x) target.setAttribute(data-y,y) },}) },html的可拖动的属性需要自己写逻辑用人家封装好的代码简单逻辑清楚非常香链接:

标签:
声明:无特别说明,转载请标明本文来源!