# drag.js

**Repository Path**: mirrors_singod/drag.js

## Basic Information

- **Project Name**: drag.js
- **Description**: 一个简单的js拖拽插件
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-25
- **Last Updated**: 2026-03-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# drag.js
一个简单的js拖拽插件

1、支持有效的拖拽元素

2、支持拖拽区域限制

### 基本使用
#### html
```
<div id="obj1" class="dialog" style="position:absolute;left:50px">
    <div class="header">
        拖拽的有效元素
    </div>
    <div class="content">
        拖拽对象1
    </div>
</div>
```

#### script
```
<script src="../src/draggable.js"></script>
<script>
	drag(document.getElementById("obj1"), { validSelector: ".header" });
</script>
```
查看<a href="http://luopq.com/demo/drag/index.html" target="_blank">Demo</a>

### Options
| 参数名 | 类型 |默认值|描述|
| ----  | ---- |-----|---|
|validSelector|string|null|有效的拖拽元素的选择器，默认整个元素|
|parentSelector|string|null|父级区域选择器，默认body元素|