html如何把一张图片拖动到指定的盒子删除

html如何把一张图片拖动到指定的盒子删除,第1张

选一个图片,拖动到指定的盒子内点击Delete后可删除。

HTML拖放选择图片、删除选择功能,上边有几个按钮,分别是选择全部,全部不选,删除,也可以鼠标点选任意一个图片,将图片拖动到指定的盒子内,再点击Delete后可删除。

HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。

被拖动的元素增加draggable="true"属性;

接受拖过来的元素要接受新元素,ondragover 事件触发的时候要禁止自设的默认事件e.preventDefault()

监听ondrop事件,将元素进行插入appendChild;


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6112014.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存