/my-visual-editor

Primary LanguageTypeScript

  1. 实现对页面某个节点的拖拽
  • 给需要拖拽的节点绑定 mousedown, mousemove, mouseup 事件
  • mousedown 事件触发后, 开始拖拽
  • mousemove 时，需要通过 event.clientX 和event.clientY 获取拖拽位置，并实时更新位置
  • mouseup 时，拖拽结束
  • 如果用原生js 实现，需要注意浏览器边界的情况
  1. HTML5 drag api
  • dragstart 事件主体是被拖放元素，在开始拖放被拖放元素时触发
  • drag 事件主体是被拖放元素，在正在拖放被拖放元素时触发