這篇文章主要介紹“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必須在整個頁面呈現(xiàn)后才能運行,因此請將其包含在<body>標記的最后。這比在<head>中包含腳本更好。
Draggin.js設計時考慮到了簡單性。一旦將腳本包含在頁面中,您所要做的就是呈現(xiàn)一個元素并賦予其一個class名稱叫:draggable,即可實現(xiàn)拖拽,如:
<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>
如果想要實現(xiàn)單擊拖動,雙擊編輯的功能,可以這樣:
<h2class="draggabletext">Bothtagsworkatthesametime!</h2>
到此,關(guān)于“js中Draggin.js特性是什么”的學習就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續(xù)學習更多相關(guān)知識,請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
名稱欄目:js中Draggin.js特性是什么-創(chuàng)新互聯(lián)
本文網(wǎng)址:http://chinadenli.net/article36/doodpg.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供用戶體驗、關(guān)鍵詞優(yōu)化、網(wǎng)站設計公司、品牌網(wǎng)站設計、虛擬主機、響應式網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容