打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
YUI3学习笔记 ( 7 )

YUI3学习笔记 ( 7 )

[drag & drop类]

<1>YUI3中对 drag & drop类的变化非常大,职能划分很清晰,drag已经不再继承自drop了,对于drag和drop都有自己的事件,事件的可以从drag的角度去监听,也可以从drop的角度去监听。

<2>提供了对特殊样式的css设置功能,比如被lock的drag和drop,拖动中的drag,可用的drop和不可用的drop,被drag滑过的drop等等。让样式控制更轻松。

<3>有了drophit和dropmiss事件,让drop的监听更得心应手。

<4>用插件的形式实现扩展功能,比如之前会单独为一类的drag代理,变成了Y.Plugin.DDProxy插件,并提供moveOnEnd:属性用以控制代理拖动完之后,实体是否要跟着改变位置。而之前在YUI2.xxx中,在以扩展类形式出现的Constrained to a Region,在YUI3中也以插件Y.Plugin.DDConstrained的形式出现,更另人可喜的是,在YUI2中Constrained to a Region是根据坐标来的,如果做用做范围的DOM样式发生变化,比如坐标更改了,长宽更改了,YUI2中拖动范围并不会相应地更改。而YUI3这点就强多了,它监听DOM样式的改变,而调整自己的拖动范围。

<5>drag的配置属性中有data项,可以通过get("data")的方式得到data。这是个很好用的属性,绑定自定义属性可以使用它了。奇怪的是,同属重量级类的anim却没有提供data属性,奇怪。

<6>drag类提供了lastXY和startXY属性了,不必再自行记录了,呵呵。
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
第十四节,Bootstrap下拉菜单和滚动监听插件
Web开发中的Drag&Drop完全手册
Python爬虫教程:200行代码实现一个滑动验证码
YUI 学习分享
【重磅翻译】houdini最新帮助文档粒子篇翻译全
HTML5 中新的全局属性(整理)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服