HTML5拖動是一種便捷易用的功能，它能讓用戶輕松地通過鼠標操作拖動頁面上的元素。以下是一些基本的HTML5拖動的代碼：
<!DOCTYPE html>
<html>
<head>
<title>HTML5拖動示例</title>
</head>
<body>
<div id="drag-me" draggable="true">
<p>這是一個可以拖動的文本框</p>
</div>
<script>
var dragMe = document.getElementById("drag-me");
dragMe.addEventListener("dragstart", function(event) {
event.dataTransfer.setData("text/plain", "這是一個拖動文本");
});
</script>
</body>
</html>以上代碼中，通過將“draggable”屬性設置為“true”，我們可以讓某個元素變得可拖動，這里是一個包含文本的div標簽。接著，使用addEventListener方法添加“dragstart”事件的監聽器，當用戶開始拖動元素時，該事件將被觸發。在該事件中，我們可以通過event.dataTransfer.setData方法將拖動的文本設置為“text/plain”類型的數據。
總之，HTML5拖動是一種非常實用的功能，可以用來實現各種拖放操作，如拖動窗口、拖動圖片等。我們只需簡單地添加一些代碼，就可以輕松地實現這一功能。
上一篇html5拖動圖片代碼
下一篇mysql5性能比較