var draggables = g(".draggables"); for(var i=0;i<draggables.length;++i) { //直接设置为拖动对象 draggables[i].setDraggable(); //事件函数 //拖动开始: draggables[i].onDragStart = function () { //alert("start"); }; //在拖动的时候: draggables[i].onDrag = function () { //alert("move"); }; //拖动结束 draggables[i].onDragOver = function () { //alert("over"); }; //设置拖动热点,dragHotspot是要拖动对象的子对象,只有dragHotspot被点击了后才激发拖动事件. draggables[i].dragHotspot = g(".draggables > h1")[i]; //设置拖动范围,现在的拖动范围为整个文档,拖动操作不会越过屏幕. draggables[i].dragScale = document.documentElement; //取消拖动 //draggables[i].dropDraggable(); }
同样,把事件函数都设为null就可以取消了例如:draggables[i].onDragOver = null;.很简单,支持n个对象的拖动,只要setDraggable();一下即可;