开发者社区> 夕阳白雪> 正文

设置dom元素可拖动,支持ie5+

简介: 摘要:   最近在项目中要做一个图片预览的功能,这时候会遇到用户上传很大的图片,已经超出视图界面。最终决定做一个在固定宽和高的位置,用户可以拖动图片查看。所以自己就写了一个支持ie5+,chrome,Firefox,opera等浏览器的可拖动dom元素的插件。
+关注继续查看

摘要:

  最近在项目中要做一个图片预览的功能,这时候会遇到用户上传很大的图片,已经超出视图界面。最终决定做一个在固定宽和高的位置,用户可以拖动图片查看。所以自己就写了一个支持ie5+,chrome,Firefox,opera等浏览器的可拖动dom元素的插件。

项目地址:https://github.com/baixuexiyang/drag

实例:

var drag = new Drag("test", {
            onStart: function(){

            },
            onMove: function(){
                document.getElementById('position').innerHTML = '距离左边:' + drag.getPositions().left + ';距离顶部:' + drag.getPositions().top;
            },
            onStop: function(){

            }
        });

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
我用一个跨平台 Web 应用替换了原生 iOS 应用,竟没人发现
不知为何,我的跨平台 Web 应用实际上更稳定。我想,我浪费了大量时间开发原生 iOS 应用。
5 0
解决新版chrome跨域问题:cookie丢失以及samesite属性问题
解决新版chrome跨域问题:cookie丢失以及samesite属性问题
5 0
Java项目:UMS 用户管理系统(二)
Java项目:UMS 用户管理系统(二)
4 0
2021Vue.js面试题汇总及答案【全网最全 建议收藏】(一)
2021Vue.js面试题汇总及答案【全网最全 建议收藏】
4 0
2021Vue.js面试题汇总及答案【全网最全 建议收藏】(二)
2021Vue.js面试题汇总及答案【全网最全 建议收藏】
9 0
2021Vue.js面试题汇总及答案【全网最全 建议收藏】(三)
2021Vue.js面试题汇总及答案【全网最全 建议收藏】
5 0
Linux - Linux & Unix 区别?
Linux - Linux & Unix 区别?
4 0
PyScript:让 Python 脚本在 Web 中跑起来
这是下一个大事件吗?如果继续发展下去,有可能。
5 0
2020前端该如何脱颖而出(一)
2020前端该如何脱颖而出(一)
10 0
+关注
夕阳白雪
前端开发工程师
133
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
OceanBase 入门到实战教程
立即下载
阿里云图数据库GDB,加速开启“图智”未来.ppt
立即下载
实时数仓Hologres技术实战一本通2.0版(下)
立即下载