Shulou(Shulou.com)06/02 Report--

This article shows you how to use Draggin.js, a js drag-and-drop library compatible with mobile phones, which is concise and easy to understand. I hope you can get something through the detailed introduction of this article.

Draggin.js is a js drag-and-drop library compatible with mobile phones. The js drag-and-drop library is characterized by cross-platform, small size and fast running speed. It is a completely cross-platform Javascript library for easily and quickly creating interactive user interfaces.

The js drag-and-drop library automatically calculates the position of the element relative to the upper-left corner of the document, and then repositions it through the CSS transform attribute.

Other features of the Draggin.js drag-and-drop library include:

Lightweight, the compressed version is only 3k. Fully compatible with mobile touch devices. You don't need to write any js code to use it. Plug-ins take advantage of GPU to improve performance. There are no external dependent files, pure native js scripts.

Usage

Introduce the draggin.min.js file into the page.

Do not include this script in the page. Draggin.js must be rendered throughout the page before it can be run, so include it at the end of the tag. This is better than including scripts in.

Draggin.js is designed with simplicity in mind. Once the script is included in the page, all you have to do is render an element and give it a class name: draggable, and drag and drop can be achieved, such as:

Hello, World!

If you want to use the text editing feature of Draggin.js, you can add the class name to the element: text, for example:

Hello, World!Hello, World!

Hello, World!Hello, World!

If you want to click and drag and double-click to edit, you can do this:

Both tags work at the same time!

The above is how to use Draggin.js, a js drag-and-drop library compatible with mobile phones. Have you learned any knowledge or skills? If you want to learn more skills or enrich your knowledge reserve, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.