DataTransfer.types使用测试实例页面

回到相关文章 »

效果：

拖动本文字或下面图片：

代码：

HTML代码：

<p>拖动本文字或下面图片：</p>
<p><img src="./mm.jpg"></p>

JS代码：

document.addEventListener('dragstart', function (event) {
    // 遍历并输出拖拽内容的类型
    var types = event.dataTransfer.types || [];
    [].slice.call(types).forEach(function (type) {
        console.log(type);
    });
});