设置dom元素可拖动,支持ie5+
Posted 夕阳白雪
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了设置dom元素可拖动,支持ie5+相关的知识,希望对你有一定的参考价值。
摘要:
最近在项目中要做一个图片预览的功能,这时候会遇到用户上传很大的图片,已经超出视图界面。最终决定做一个在固定宽和高的位置,用户可以拖动图片查看。所以自己就写了一个支持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(){ } });
以上是关于设置dom元素可拖动,支持ie5+的主要内容,如果未能解决你的问题,请参考以下文章
可拖动的 jQuery UI 不适用于新创建的 DOM 元素
由于拖动事件中的 DOM 操作,HTML5 可拖动的放置事件不会间歇性触发