zoukankan      html  css  js  c++  java
  • 简单的js拖动

    window.onload = function () {
                var oDiv = document.getElementById("oDiv"); //oDiv必须使用CSS定位
                oDiv.onmousedown = drag;
                function drag(evt) {
                    evt = evt || window.event;
                    this.onmouseup = drop;
                    this.onmousemove = moveDiv;
                    this.offset = {
                        x: evt.offsetX,
                        y: evt.offsetY
                    };
                }
                function moveDiv(evt) {
                    evt = evt || window.event;
                    this.style.left = evt.clientX - this.offset.x + "px";
                    this.style.top = evt.clientY - this.offset.y + "px";
                }
                function drop(evt) {
                    this.onmouseup = null;
                    this.onmousemove = null;
                }
            };

  • 相关阅读:
    正则表达式
    运算符重载 hash原理 Equals方法
    接口 类型转换 try-catch(学习笔记)
    综合练习:词频统计
    组合数据类型综合练习
    Python基础综合练习
    熟悉常用的Linux操作
    大数据概述
    递归下降分析法
    有穷状态自动机
  • 原文地址:https://www.cnblogs.com/xiexingen/p/2981540.html
Copyright © 2011-2022 走看看