scitersciter 拖拽过程总结

Posted 2022-12-12 усил

桌面文件拖拽进入 sciter

文件拖拽 API

• dragaccept：监听拖拽到目标元素的文件信息
  • evt 事件对象：通过 evt.detail.data 可以获取文件信息。数据：数组或对象。
• dragenter：拖拽文件进入到目标元素
• dragleave：拖拽文件离开目标元素
• drap：拖拽文件在目标元素中移动
• drop：拖拽文件进入到目标元素，并鼠标抬起

注：一旦使用了拖拽文件 API，所有 API 都应该绑定到目标元素上，并返回 true。否则，当打包后，会因为其中至少一个 API 没有绑定到目标元素上，导致拖拽过程无法达到预期。

---

事件绑定

const container = document.querySelector(\'#container\');