当前位置: 首页 > 工具软件 > Sciter > 使用案例 >

【sciter】sciter 拖拽过程总结

督劲
2023-12-01

桌面文件拖拽进入 sciter

文件拖拽 API

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

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


事件绑定

const container = document.querySelector('#container');
 类似资料: