zoukankan      html  css  js  c++  java
  • 鼠标移动div

    js:

    var isDrag = 0;
    var divMove;
     var divAndMouseX;//鼠标落点距离div左上角x坐标的差距  
    var divAndMouseY;//鼠标落点距离div左上角y坐标的差距  
    function down(div) {
        isDrag = 1;
        divMove = div;
        divAndMouseX = event.clientX - parseInt(document.getElementById(div).offsetLeft);
        divAndMouseY = event.clientY - parseInt(document.getElementById(div).offsetTop);
    }
    function up() {
        isDrag = 0;
    }
    function move() {
        if (isDrag == 1) {
            document.getElementById(divMove).style.left = event.clientX - divAndMouseX;
            document.getElementById(divMove).style.top = event.clientY - divAndMouseY;
        }

    }

    html:

    <div id="tip" onmousedown="down(this.id)" onmousemove="move()" onmouseup="up()">

  • 相关阅读:
    作业16
    递归函数
    三元表达式与生成式
    迭代器与生成器
    作业15
    装饰器
    作业14
    string的入门与进阶
    修理牧场(优先队列)
    旅游规划
  • 原文地址:https://www.cnblogs.com/wuchao/p/2618459.html
Copyright © 2011-2022 走看看