素材巴巴 > 程序开发 >

【前端】一个拖拽效果

程序开发 2023-09-06 09:25:35

拖拽图片

其实原生API是支持拖拽的。试想一个业务场景,有许多图片在竖向排列在左侧,右侧区域有一个矩形框,可以通过拖拽,将左侧的图片复制进右侧的矩形区域中。

在这里插入图片描述

先写好页面结构。左侧有三个img-item,由imgbox包裹。img-item里是一个img,有draggable="true"属性。右侧有个矩形框。

1
1
1

为了完成拖拽事件,需要关注三个事件。

dragstart、d


标签:

上一篇: React Native中使用mobx 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。