zoukankan      html  css  js  c++  java
  • jQuery拖拽

    PC 端拖拽
    function drag() {
                var _move = false;
                var _x, _y;
                $(".drag").click(function() {
                    console.log($(".drag>g").css("display"));
                }).mousedown(function(e) {
     
                    _move = true;
                    _x = e.pageX - parseInt($(".drag").css("left"));
                    _y = e.pageY - parseInt($(".drag").css("top"));
     
                });
                $(document).mousemove(function(e) {
     
                    if(_move) {
                        var x = e.pageX - _x;
                        var y = e.pageY - _y;
                        $(".drag").css({
                            top: y,
                            left: x
                        });
                    }
                }).mouseup(function() {
                    _move = false;
                });
            }
     
    手机 端拖拽
    function drag(){
        var _move=false;
        var _x,_y;
        var drag = document.getElementById('drag');
     
        drag.addEventListener("touchstart",function(e){ 
          var touch = event.targetTouches[0];
          console.log(touch);
            _move=true; 
            _x=touch.pageX-parseInt($("#drag").css("left")); 
            _y=touch.pageY-parseInt($("#drag").css("top")); 
        }); 
        document.addEventListener("touchmove",function(e){ 
          var touch = event.targetTouches[0];
            if(_move){ 
                var x=touch.pageX-_x;
                var y=touch.pageY-_y; 
                $("#drag").css({top:y,left:x});
            } 
        })
        document.addEventListener("touchend",function(e){ 
          _move=false; 
          }); 
        }
  • 相关阅读:
    使用过滤器对权限进行过滤,就是对访问的url地址进行判断
    百度上传文件到写入数据库之六
    百度上传文件到写入数据库之五
    百度上传文件到写入数据库之四
    百度上传文件到写入数据库之三
    百度上传文件到写入数据库之二
    百度上传文件到写入数据库之一
    FileUpLoad
    文件上传后台解说
    "/FileUpLoad"文件的说明
  • 原文地址:https://www.cnblogs.com/wzy1569178479/p/7341315.html
Copyright © 2011-2022 走看看