怎么区分自定义的可拖动元素（draggable=true）和chrome浏览器默认的可拖动元素？

Question

如题，我在实现一个可以通过拖动元素来画的流程图。我给他提供一些特定的文本，并对这些DIV加上draggable属性，监听原生的dragenter事件，通过dataTransfer传递文本,监听画布DIV的drop事件并获取文本生成SVG。但是在chrome浏览器中选中的文本以及链接都是默认可以拖动的，这些元素拖动到我的画布上也会触发drop事件并生成SVG，这个效果是我不想要的。请问有什么api可以把自定义的可拖动元素（draggable=true）和chrome浏览器默认的可拖动元素区分开来？

Answer 1

你的事件绑定在什么上？如果是绑定在DIV上则可以直接操作，如果绑定在body上则需要监听指定元素（例如某些class）来触发事件。

Answer 2

如果 冲突了 就把默认动作给阻止掉 event.preventDefault()