HTML DOM拖放

时间:2012-11-21 01:33:28

标签: drag-and-drop dom

是的,这听起来像是一个经常出现的问题,但Google和stackoverflow都给了我想要的答案。我偶然发现了WWW上的一些结果,但只发现了这个功能的巨大脚本。

事情是,我记得以前这样做,但我不记得如何。我在一个函数中完成了它,并通过添加事件监听器和这些行的东西。

基本上,我需要一个纯DOM脚本来拖放HTML元素,以便回退到不支持新HTML5标准的旧版Web浏览器。必须在偶数'onmousedown'下降,并且在调用拖动之前,文本/图像必须保持至少1.5秒。

思想和想法?非常感谢帮助,伙计。

我对屏幕坐标和东西也有点生疏。使用此代码,我希望文本完全按照游标。不一样,如果你知道我的意思,5像素“关闭”。

之前我所拥有的(moveText的参数应该是HTMLDivElement,它是innerText):

function moveText(t){
            var id=t.id;
            var interval=setInterval(function(){
                increment=increment+1;
                if(increment>=3){
                    clearInterval(interval);
                    t.addEventListener("mousemove",function(event){
                        t.style.position="absolute";
                        t.style.top=event.screenY+"px";
                        t.style.left=event.screenX+"px";
                    });
                }
            },500);
            t.addEventListener("mouseup",function(){
                increment=0;
                clearInterval(interval);
            });

        }

0 个答案:

没有答案