ondrag实现图片拖动

文章目录

• 前言
• 内容
• 总结

---

前言

图片拖动：

ondragstart   该事件表示拖放开始

ondragover     该事件表示拖放结束

 ondrag     该事件表示拖放过程

---

内容

代码如下：

 <p>请将下面图片拖入框中</p>
    <div id="border" class="result" ondragover="allowDarg(event)" ondrop="drop(event)"></div>
    <!-- draggable：值为true时表示元素可拖动，默认为false，表示不能拖动 -->
    <img src="../img/flower.jpg" alt="" id="tu" draggable="true" ondra