日期:2014-05-16  浏览次数:20490 次

本人分享一个全球最简单的鼠标拖曳div的实例
本人分享一个全球最简单的鼠标拖曳div的实例

[本人原创] 鼠标拖曳div 代码全球最简单

欢迎有异议的人士发表意见 讨论

JScript code

var $=function(sId){return document.getElementById(sId);};

window.onload=function(){
    barObj=$("bar");
    barObj.onmousedown=function(){
        barObj.onmousemove=function(){
            //设置div坐标的代码
        };
    };
    document.documentElement.onmouseup=function(){barObj.onmousemove=null;};
};



而且 还兼容 IE6 IE7 IE8 火狐 谷歌 遨游1 遨游2 遨游3 搜狗 360 腾讯TT……



------解决方案--------------------
是不是用JQ才支持呢?
------解决方案--------------------
有 异议 但是 懒得讨论了 
你自己 拖拖试试看
------解决方案--------------------
不知怎樣引用,能說明一下嗎?
------解决方案--------------------
你只写了个接口,具体还没实现拖拽呢
------解决方案--------------------
此贴为欢乐贴,鉴定完毕!

最复杂的代码你都没有写,当然是全球最简单的了
------解决方案--------------------
探讨

此贴为欢乐贴,鉴定完毕!

最复杂的代码你都没有写,当然是全球最简单的了

------解决方案--------------------
这个拖拽 一句代码能搞定 不用写这么麻烦
------解决方案--------------------
var $=function(sId){return document.getElementById(sId);};

window.onload=function(){
barObj=$("bar");
barObj.onmousedown=function(){
barObj.onmousemove=function(){
//设置div坐标的代码
这里怎么写,怎么不写完了
};
};
document.documentElement.onmouseup=function(){barObj.onmousemove=null;};
};