当前位置:主页 > JavsScript库 > 拖放 >

移动友好的拖放库 - Drog.js
栏目分类:拖放   发布日期:2021-08-31   浏览次数:

Drog.js 是一个小巧(缩小 1kb)、跨浏览器和移动友好的拖放 JavaScript 库。

使用:

1. 将 导入Drog.js到您的项目中。

<script src="Drog.min.js"></script>
<!-- OR -->
import "Drog.min.js";

2. 在文档中的元素上启用拖放功能。

<form name="drag-head"> 
  <div data-drog> 
    <span>点击这里移动</span> 
  </div> 
  <p>移动</p> 
  <p>这里 </p> 
  <p>元素</p> 
</form>
Drog.on(document.forms["drag-head"]);

3. 将元素移动到特定位置。

let x = 100;
let y = 100;
Drog.move(document.forms["drag-head"], x, y)

官方网站:https://github.com/erovas/Drog.js

相关热词: Drog.js拖放移动

相关下载
声源:本站内容均来自互联网,仅供交流学习之用,请勿作商业用途,所有资源版权归原作者所有。如果有侵犯到您的权益,请联系本站删除,谢谢合作!
jQuery库 JavsScript库 Html5库 CSS3库