溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“js中Draggin.js特性是什么”，在日常操作中，相信很多人在js中Draggin.js特性是什么問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”js中Draggin.js特性是什么”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
Draggin.js是一款兼容移動手機的js拖拽插件。該js拖拽插件的特點是跨平臺，體積小，運行速度快。該js拖拽插件會自動計算元素相對于文檔左上角的位置，然后通過csstransform屬性將它重新定位。
js移動Draggin.js特性
輕量級，壓縮后的版本僅3k。
完全兼容移動觸摸設備。
使用時不需要編寫任何js代碼。
插件利用GPU提高性能。
沒有任何外部依賴文件。
js移動Draggin.js使用方法
在頁面中引入draggin.min.js文件。
<scriptsrc="draggin.min.js"></script>
不要將此腳本包含在頁面的<head>中。Draggin.js必須在整個頁面呈現后才能運行，因此請將其包含在<body>標記的最后。這比在<head>中包含腳本更好。
Draggin.js設計時考慮到了簡單性。一旦將腳本包含在頁面中，您所要做的就是呈現一個元素并賦予其一個class名稱叫：draggable，即可實現拖拽，如：
<h2class="draggable">Hello,World!</h2>
如果要使用Draggin.js的文本編輯功能，可以給元素添加class名稱叫：text即可，例如：
<h2class="text">Hello,World!</h2>
<pclass="text">Hello,World!</p>
<ahref="#"class="text">Hello,World!</a>
<divclass="text">Hello,World!</div>
如果想要實現單擊拖動，雙擊編輯的功能，可以這樣：
<h2class="draggabletext">Bothtagsworkatthesametime!</h2>
到此，關于“js中Draggin.js特性是什么”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
