前言
@nodert-win10/windows.applicationmodel.datatransfer.dragdrop 是一个针对 Windows 10 操作系统开发的 npm 包，它依赖于 Windows ApplicationModel 和 DataTransfer APIs，主要用于处理 Windows 10 操作系统下的拖放事件。在本篇文章中，我们将会详细介绍如何使用这个 npm 包。
安装
使用 npm 安装 @nodert-win10/windows.applicationmodel.datatransfer.dragdrop：
npm install @nodert-win10/windows.applicationmodel.datatransfer.dragdrop --save
基本使用
首先，在你的 JS 文件中引用该 npm 包：
const {
DragDropManager,
DataPackage,
StorageItemsDragData,
StandardDataFormats,
DataProviderHandler
} = require('@nodert-win10/windows.applicationmodel.datatransfer.dragdrop');处理拖放事件
接下来，我们来看一段示例代码，用于处理 Windows 10 操作系统下的拖放事件。代码实现的功能是，在浏览器中拖动一个图片文件到网页中，网页会把其中的图片信息存储到本地。
-- -------------------- ---- -------
-- -------
----- ------------- - ----- -- -- -
----- ------------- - ----- ----------------------------------------------------
----- ---------- - -----------
--- -------- - ----- ------------------------------------------
-- ----------- -
-------- - ----- --------------------------------------------
-
------ ---------
--
-- ------
----- ----------------- - ----- -- -- -
----- -------- - ----- ----------------
----- --------------- - ------------------------------------
------------------------------------------------- ----- ------ -- -
----- -------- - ---------------------------
----- ------- - --- --------------
----- ------------ - --- ----------------------------------------
----- ------------------- - --- ------------------------- --------- -- -
----- --------- - ----- -------------------------------------------- ------------------------------------------------------------
----- ------------------------------------------------- -----------
----- ----- - --- ----------------------------------------
------------------------
------------------------------------------------- --- -----------------------------
--------------------
---
--------------------------------------------------------- ---------------------
----------------- - --------
---
--在上述示例代码中，我们首先通过 getFolderPath() 方法获取本地文件夹路径，接着获取 DragDropManager 实例，并向其添加 datarequested 事件。当发生拖放事件时，该事件会接收到一个 args 参数，通过该参数我们可以获取到拖放的文件信息及一些额外信息。
接下来，我们生成一个 DataPackage 实例，并向其中添加了一个名为“standardDataFormats.storageItems”的数据提供者（dataProviderHandler），因为拖放的文件属于 StorageItems 数据类型。dataProviderHandler 用于处理数据提供者请求，实现把拖放的文件存储到本地的功能。
最后，我们通过 package.setDataProvider 方法将数据提供者处理函数注册到数据包中，并将该数据包赋值给 args.request.data。这样，我们就实现了把拖放的文件存储到本地的功能了。
结语
@nodert-win10/windows.applicationmodel.datatransfer.dragdrop 是一个非常方便实用的 npm 包，可以帮助我们处理 Windows 10 操作系统下的拖放事件。通过本文，我们对该包的使用方法有了更为深入的了解，希望对读者们学习和使用有所指导作用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bcd967216659e244a75