標籤：title abs 簡單 turn 例子 meta tle art 元素
h5新增了關於拖放的API，通過拖放API可以讓html頁面的任何元素都變成可以拖動的。這是一個小例子，協助理解。
<html> <head> <meta charset="utf-8"> <meta name="author" content="dongfeng"> <title>html5拖拽</title> <style> #sourse{ width: 200px; height: 200px; background: red; } </style> </head> <body> <a href="">baidu</a> <div id="sourse" draggable="true"></div> <script> var div = document.getElementById(‘sourse‘); div.ondragstart=function(e){e.dataTransfer.setData(‘text/plain‘,‘‘); } document.ondragover=function(e){ return false } document.ondrop=function(e){div.style.position=‘absolute‘;div.style.left=e.pageX+‘px‘;div.style.top=e.pageY+‘px‘;return false } </script> </body></html>
基於html5實現的簡單拖放
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
