Draggabilly.js拖拽插件 | 拖拽的时候禁止点击

Draggabilly.js官网
github地址

介绍

• Draggabilly 是一个很小的JavaScript库（也可以用Jquery调用），专注于拖放功能。
• 只需要简单的设置参数就可以在你的网站用添加拖放功能。
• 兼容 IE8+ 浏览器，支持多点触摸。可以灵活绑定事件，支持 RequireJS 以及 Bower 安装。

使用Draggabilly.js插件拖拽的时候禁止点击

解决方案：利用css的pointer-events:none，拖拽产生的时候用CSS禁止掉所有事件，然后调用；

设置css

.disabled {
pointer-events:none;
}

js

setDisableDraggable(){
        draggable.on( 'dragStart', function( event, pointer ) {
            $('#drag').addClass('disabled')
        })
        draggable.on( 'dragEnd', function( event, pointer ) {
            $('#drag').removeClass('disabled')
        })
    }