码迷,mamicode.com
首页 > 其他好文 > 详细

比较完善的拖动案例

时间:2015-05-27 20:53:52      阅读:119      评论:0      收藏:0      [点我收藏+]

标签:

    //点击弹出提交应用
    function drag(obj){
        var odiv=$(obj);
        var drag_zoom=odiv.find(‘.pop-top‘);

        //拖动
        drag_zoom.mousedown(function(e){
            var odiv_L=$(this).offset().left;
                odiv_T=$(this).offset().top;
                onow_L=e.pageX-odiv_L;
                onow_T=e.pageY-odiv_T;
            $(document).mousemove(function(e){
                var X=e.pageX-onow_L;
                    Y=e.pageY-onow_T;
                if(X<=0){
                    X=0;
                }else if(X>=$(window).width()-odiv.outerWidth(true)){
                    X=$(window).width()-odiv.outerWidth(true)
                };
                if(Y<=0){
                    Y=0;
                }else if(Y>=$(window).height()-odiv.outerHeight(true)){
                    Y=$(window).height()-odiv.outerHeight(true)
                };
                odiv.css({‘left‘:X+‘px‘,‘top‘:Y+‘px‘});
                
                if(window.getSelection){//解决拖动时选中文字
                    window.getSelection().removeAllRanges(); //w3c
                }else  if(document.selection){
                    document.selection.empty();//IE
                };
            });
            $(document).mouseup(function(){
                $(this).unbind(‘mousemove‘);
            });
        });
    };
    drag(‘.pop-div‘);

 

比较完善的拖动案例

标签:

原文地址:http://www.cnblogs.com/cainiaoz/p/4534248.html

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