JS拖拽的几个必须组成部分

原创 2007年09月14日 19:00:00
Number.prototype.NaN0=function(){return isNaN(this)?0:this;}

function getPosition(e){      
    var left = 0;
    var top  = 0;
    while (e.offsetParent){
        left += e.offsetLeft;
        top  += e.offsetTop;
        e     = e.offsetParent;
    }

    left += e.offsetLeft;
    top  += e.offsetTop;

    return {x:left, y:top};

}

function mouseCoords(ev){       
    if(ev.pageX || ev.pageY){
        return {x:ev.pageX, y:ev.pageY};
    }
    return {
        x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
        y:ev.clientY + document.body.scrollTop  - document.body.clientTop
    };
}

function getMouseOffset(target, ev){
    ev = ev || window.event;

    var elementPos    = getPosition(target);
    var mousePos  = mouseCoords(ev);
    return {x:mousePos.x - elementPos.x, y:mousePos.y - elementPos.y};
}

 
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

js拖拽排序

  • 2017-06-06 15:09
  • 100KB
  • 下载

js拖拽demo

  • 2015-10-15 17:16
  • 35KB
  • 下载

JS简单实现拖拽可视化构图

简易实现JS拖拽构图: 提供两个js函数,调用run()函数即可实现效果: /** * String targetId 第一个参数为目标容器的id属性值 * String com...

js拖拽效果

  • 2015-04-09 13:59
  • 172KB
  • 下载

File Uploader:支持进度显示与文件拖拽的多文件上传前端JS脚本

File Uploader的前身是Ajax Upload。按照官方的说法,升级到FileUploader主要是添加了一些新的特性,修正了一些比较严重的错误。但在我这个使用者看来,二者最大的不同在于:F...

JS 实现 DIV 拖拽

js 拖拽排序

  • 2015-07-17 10:33
  • 79KB
  • 下载

原生js拖拽

.drag{ position:absolute; width:200px; height:200px; cursor: move; display: block; ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)