我在之前写过关于 JS 拖拽的文章，实现方式和网上能搜到的方法大致相同，别无二致，但是在一次偶然的测试中发现，这种绑定事件的方式可能会和其它的拖拽事件产生冲突，由此产生了对于事件绑定的思考。本文主要介绍解决这种冲突的方法，主要是事件绑定的时机问题。
问题来源这个问题是在类似如下 CodePen 例子中发现的，在有拖拽功能的页面中添加一个原生 input range 元素，可以发现 input range 的拖拽失效了。
See the Pen drag with conflict issue by Zongbin (@nzbin) on CodePen.
让我们看一下拖拽方法代码：
var draggable = function(modal, handle) { ... $(handle).on('mousedown', dragStart); $(document).on('mousemove', dragMove); $(document).on('mouseup', dragEnd); }