原生JS拖拽改变元素大小

原生JS使用拖拽改变元素的大小

JS运动，JS动画，JS拖拽。

我们在之前了解过拖拽的原理，其实利用这个原理我们能够实现很多效果。今天就来介绍一下，利用拖拽方法来改变元素的大小。 这个效果其实非常常见，比如说我们可以将鼠标放在浏览器的边边上，然后浏览器光标就会变成可以拖拽的样子，我们可以往左或往右拖拽。我们来实现这个效果。 原理： 先看一张图：

鼠标只能放在左右的绿色框中才能拖拽，那么我们分别要做这几件事：

1、利用判断语句判断鼠标是放在左边还是右边的框中。

2、往右拖拽不改变元素的offsetLeft的值，往左拖拽改变了offsetLeft的值。

3、使用判断语句当鼠标在左边拖拽时发生的情况，当在右边拖拽发生的情况。

4、拖拽过程中，改变的值与元素的offsetLeft，元素的宽，鼠标的位置都有关系。

实现过程：

<script>
window.onload = function() {
	
	var oDiv = document.getElementById('div