zoukankan      html  css  js  c++  java
  • 比较完善的拖动案例

        //点击弹出提交应用
        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');
  • 相关阅读:
    两数之和
    Go网络编程UDP
    Go网络编程TCP
    Go_json
    Iris_xorm
    Go初始化结构体数组/切片
    Iris_xorm
    pyhon之函数参数
    python之深浅拷贝
    python作业之用户管理程序
  • 原文地址:https://www.cnblogs.com/cainiaoz/p/4534248.html
Copyright © 2011-2022 走看看