原生js封装了一个拖拽插件

虽然目前功能只有拖拽与限制拖拽范围,不过我会不断的更新功能。
ew-drag
一个基于原生js而封装的拖拽插件
安装与使用
安装
npm install ew-drag –save-dev

引入
<script src=”./release/bundle.js”></script>

然后允许默认配置与自定义配置,代码如下:
//自定义配置
var drag = new ewDrag({
el: document.getElementsByClassName(‘demo’),//拖动元素
isWindow: true,//是否限制在浏览器可见窗口内,如果为false,超出后出现滚动条
scopeEl:document.getElementsByClassName(‘box’),//如果和width与height同时设置了,则优先执行这个限制元素,设置了此属性,则不能将isWindow属性设置为false
width: 400,//限制拖动元素范围宽,则不能将isWindow属性设置为false
height: 400//限制拖动元素范围高,则不能将isWindow属性设置为false
});
//其中el和scopeEl的值也可以是传成字符串,如el:’.demo’,scopeEl:’.box’
//默认配置(传入拖拽元素的dom对象或者获取dom对象的字符串)
var drag = new ewDrag(‘.demo’);
//或var drag = new ewDrag(document.getElementByClassName(‘demo’))

cdn引入
CDN:https://www.unpkg.com/ew-drag…
github源码。
欢迎fork,也望不吝啬star。

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理