移动端的拖拽 在项目中一般都直接放插件,时间久了就不太熟悉,今天有空写写看, 在vue和jQ中都可以实现,原理是一样的,大同小异,下面是原生js和vue两种方式实现:通过事件对象e获取所有临界值,有兴趣的伙伴可以观摩.....
原生js:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>移动端拖拽</title>
<style>
* {
padding: 0;
margin: 0;
}
.container {
margin: auto;
height: calc(100vh - 2px);
overflow: hidden;
border: thin solid #000;
position: relative;
}
.target {
width: 200px;
height: 200px;
background: lightcoral;
position: absolute;
}
</style>
</head>
<body>
<div class="container">
<div class="target"></div>
</div>
<script>
window.onl