浏览器中的拖放API

  1. 云栖社区>
  2. 博客>
  3. 正文

浏览器中的拖放API

zephyr 2016-06-03 18:18:42 浏览1291
展开阅读全文

1. 概述

新式浏览器中提供了一套处理拖放( Drag and Drop)行为的机制,主要是通过事件触发来响应行为,相应的数据则在事件对象中传递。使用这套机制,可以很容易地实现节点间的拖放行为定义,以及,浏览与系统中的其它应用程序的交互(比如文件的拖放)。

简单来说,这套机制中有如下的概念:

  • 触发节点 , “拖什么” 。
  • 目标节点 , “拖到哪里” 。
  • 数据 , 拖的是节点,但是承载的数据是什么。

这里,之所以把 数据 单独设计出来,是因为 触发节点 和 目标节点 它们本身是分离的,对应的事件也是独立的,这就是说,当你在处理 目标节点 的事件时,你是不能直接拿到 触发节点 的,但是显然,在流程上,在处理 目标节点 时一般又是需要知道 “从何而来” 的答案,于是,解决办案就变成了使用事件对象来传递具体的数据属性了 -- 触发节点 在对象属性中设

网友评论

登录后评论
0/500
评论
zephyr
+ 关注