程序博客网 > 全友家具靠谱吗知乎

JavaScript中使用zDragDrop实现拖放功能

来源：互联网发布：全友家具靠谱吗知乎编辑：程序博客网时间：2024/05/14 14:58

zDragDrop库下载地址：http://www.nczonline.net/downloads/

使用zDragDrop库实现拖放功能能够大大减少代码量，直接研究。

<html> <head> <title>Simulated Drag And Drop Example</title> <script type="text/javascript" src="zdragdroplib.js"></script> <script type="text/javascript"> function doLoad() { var oDraggable = new zDraggable(document.getElementById("div1"), zDraggable.DRAG_X | zDraggable.DRAG_Y); var oDropTarget = new zDropTarget(document.getElementById("divDropTarget")); oDraggable.addDropTarget(oDropTarget); oDropTarget.addEventListener("drop", function (oEvent) { oEvent.relatedTarget.moveTo(oDropTarget.getLeft(), oDropTarget.getTop()); }); } </script> <style type="text/css"> #div1 { background-color: red; height: 100px; width: 100px; position: absolute; z-index: 10; } #divDropTarget { background-color: blue; height: 200px; width: 200px; position: absolute; left: 300px; } </style> </head> <body onload="doLoad()"> <p>Try dragging the red square onto the blue square.</p> <div id="div1"></div> <div id="divDropTarget"></div> </body></html>

全友家具靠谱吗知乎

全友家具靠谱吗知乎

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子诸天，从港综阴阳路开始临高启明之海外扬帆神豪从成为男神开始重生之药材大佬修仙超简单，开局狐狸精全职高手：开局买下嘉世误将天后拉进家人群，她却摊牌了飞扬年代：从采购员开始诡秘：我给极光会当外援那些年永不停歇的极速者重生之大国医药洪荒：我人族圣师，开局创建武道斗罗：我在主角团里当老六重生之游戏开拓者修仙女配改拿龙傲天剧本崇祯的网购系统从凡人开始穿越神隐山海经从凡人开始问道长生我的异能是孕育分身斗罗之龙凰传说封神证道：劫运天钧求求了，快回家练琴吧华娱之我即是天命精灵降临：研究员的我被迫当冠军诡秘：灯神的自由之路在星际成为传说神级导演从毒舌影评人开始诡异网红公司：女诡扮成二次元学霸从考试控分开始我家仙子多有病灌篮之中锋荣光快穿之炮灰她选择种田从吞噬开始万倍增幅直播带货：榜一大哥是嫦娥奇幻家族模拟器修仙就是这么科学神豪的财务自由生活女主拿了反派剧本终极星卡师快穿之历劫我是认真的