码迷,mamicode.com
首页 > 编程语言 > 详细

一个JavaScript自由拖拽类介绍

时间:2014-09-20 15:14:39      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:http   io   os   使用   java   ar   div   sp   代码   

基本拖拽:

1 new Dragdrop({
2     target 拖拽元素 HTMLElemnt 必选
3     bridge   指定鼠标按下哪个元素时开始拖拽,实现模态对话框时用到
4     dragable 是否可拖拽   (true)默认
5     dragX true/false false水平方向不可拖拽 (true)默认
6     dragY    true/false false垂直方向不可拖拽 (true)默认
7     area [minX,maxX,minY,maxY] 指定拖拽范围 默认任意拖动
8     callback 拖拽过程中的回调函数
9 });

拖拽最有技术含量的就是这段了:伯爵娱乐城

1 if(el.setCapture){ //IE
2     E.on(el, "losecapture", mouseup);
3     el.setCapture();
4     e.cancelBubble = true;
5 }else if(window.captureEvents){ //标准DOM
6     e.stopPropagation();
7     E.on(window, "blur", mouseup);
8     e.preventDefault();
9 }

这个效果没有使用JQuery,纯原生JavaScript实现,可以参考下。拖动效果平滑,自然,CPU性能没有明显起伏。

具体的拖拽了可以查看本页源代码获得,这里就不贴出来了。

一个JavaScript自由拖拽类介绍

标签:http   io   os   使用   java   ar   div   sp   代码   

原文地址:http://www.cnblogs.com/laoyangman/p/3983226.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!