2013年12月6日
摘要: 之前有稍微了解过一般拖拽效果的实现方式,今天群里有人问html5拖拽的问题,觉得挺有意思,写了个小例子放上来。html5的拖拽方法被封装的很好,看了w3school的总结,关键点如下:设置元素为可拖拽,dragable=true;开始拖拽时,目标触发 ondragstart事件,同时事件的dataTransfer属性可以用来存放和读取被拖拽元素的数据;放在哪儿,ondragover设置在何处放置被拖动的物体;放下时触发ondrop事件。需要注意的是,有一些场景需要我们来阻止默认行为,比如图片的拖动,将拖拽物体放置到其他元素上等。标准浏览器:preventDefault();IE:returnV 阅读全文
posted @ 2013-12-06 20:03 晴舞 阅读(1555) 评论(0) 推荐(0) 编辑