HTML5 拖放示例

HTML5 拖放示例1 个文件更新于 2026-04-06
html共 6 行
<p>拖动图片到另一个矩形框中</p>

<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">
  <img src="http://images.h-ui.net/www/websafecolors.png" draggable="true" ondragstart="drag(event)" id="drag1" alt="" width="100%">
</div>
<div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>

登录后可以查看完整源码、在线编辑并实时预览运行效果。