Koa：471,451 downloads in the last monthExpress：18,471,701 downloads in the last month

在用户拖拽文件到浏览器的某个元素上时，js可以监听到与拖拽相关的事件，并对拖拽结果进行处理，本文讨论下和拖拽文件相关的一些问题，不过没有处理太多关于兼容性的问题。

目前只有Chrome支持获取剪切板中的图片数据。还好需要这个功能的产品目前只支持Chrome和Safari，一些Chrome的新特性是可以尽情使用了，还是能够覆盖到大部分用户的。所以本文只讨论Chrome如何使用和如何阻止Safari，原理大概了解了，再研究其他浏览器相关的问题就容易多了。

我们在双屏开发的时候，经常是在Mac屏幕上写代码，然后在扩展屏幕上放着浏览器。一般写几行代码，就会去刷新一下浏览器，看看代码运行是否正常。可是把鼠标从两个屏幕滑来滑去，很麻烦，特别是在写CSS的时候，如果能跨屏刷新就很棒了。

在浏览器相对标准化之前，各个浏览器厂商都是自己实现的事件模型，有的用了冒泡，有的用了捕获，W3C为了兼顾之前的标准，将事件发生定义成如下三个阶段：