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; 
          }); 
        }
  • 相关阅读:
    用Service充当Domain Object
    Scrum方法回顾
    为什么使用User Story Map
    前端状态管理之状态机
    项目进度管理注意事项
    单元测试遇到的最难的问题
    JS AMD模块的循环依赖
    jupyter notebook常用快捷键
    Jupyter-NoteBook-你应该知道的N个小技巧
    Python之配置日志的几种方式(logging模块)
  • 原文地址:https://www.cnblogs.com/wzy1569178479/p/7341315.html
Copyright © 2011-2022 走看看