Draggabilly – 輕松實現拖放功能(Drag & Drop)


  Draggabilly 是一個很小的 JavaScript 庫,專注於拖放功能。只需要簡單的設置參數就可以在你的網站用添加拖放功能。兼容 IE8+ 瀏覽器,支持多點觸摸。可以靈活綁定事件,支持 RequireJS 以及 Bower 安裝。

您可能感興趣的相關文章

 

 

事件綁定示例:

var draggie = new Draggabilly( elem );

function onDragMove( instance, event, pointer ) {
  console.log( 'dragMove on ' + event.type +
    pointer.pageX + ', ' + pointer.pageY +
    ' position at ' + instance.position.x + ', ' + instance.position.y );
}
// bind event listener
draggie.on( 'dragMove', onDragMove );
// un-bind event listener
draggie.off( 'dragMove', onDragMove );
// return true to trigger an event listener just once
draggie.once( 'dragMove', function() {
  console.log('Draggabilly did move, just once');
});

  

立即下載      在線演示

 

本文鏈接:Draggabilly – 輕松實現拖放功能(Drag & Drop)

編譯來源:夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM