一、拖拽元素
页面中设置了 draggable="true"
属性的元素。
draggable 属性用来定义元素是否可以拖动
该属性有 true
、false
两个值,默认是false
属性是true
时可以拖动,反之不能
要想真正实现拖动功能,必须与JavaScript
结合使用。
拖拽元素的事件监听:(应用于拖拽元素)
-
ondragstart
当拖拽开始时调用 -
ondragleave
当鼠标离开拖拽元素时调用 -
ondragend
当拖拽结束时调用 -
ondrag
整个拖拽过程都会调用
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
.box {
width: 200px;
height: 200px;
background-color: green;
}
</style>
</head>
<body>
<div class="box"