设置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 可拖动的放置事件不会间歇性触发

拖动 DOM 元素时有啥方法可以改变光标样式吗?

如何将可拖动的元素放入可排序的元素中,放置的项目不是原始元素而是自定义助手

AngularJS