JS 鼠标相对document的坐标以及HTML元素相对document的坐标

	Number.prototype.NaN0 = function(){
		return isNaN(this)?0:this;//如果this为非数字返回0,否则返回数字
	}
//获取鼠标相对document的坐标
	function getMouseCoord(evt){
		if(evt.pageX && evt.pageY)
			return {x:evt.pageX,y:pageY};
		return {
			x:evt.clientX + document.body.scrollLeft - document.body.clientLeft,
			y:evt.clientY + document.body.scrollTop - document.body.clientTop
		};
	}

//获取HTML元素相对document的坐标
	function getPosition(ele){
		var x = ele.offsetLeft+(ele.curentStyle?(parseInt(ele.curentStyle.borderLeftWidth).NaN0()):0);
		var y = ele.offsetTop+(ele.curentStyle?(parentInt(ele.curentStyle.borderTopWidth).NaN0()):0);
		while(ele.offsetParent){
			ele = ele.offsetParent;
			x+=ele.offsetLeft+(ele.curentStyle?(parseInt(ele.curentStyle.borderLeftWidth).NaN0()):0);
			y+=ele.offsetTop+(ele.curentStyle?(parentInt(ele.curentStyle.borderTopWidth).NaN0()):0);
		}
		return {x:x,y:y};
	}

//获取鼠标相对与点击空件上的坐标
	function getMouseOffset(target,ev){
		var elePosition = getPosition(target);
		var mouseCoord = getMouseCoord(ev);
		return {x:mouseCoord.x-elePosition.x,y:mouseCoord.y-elePosition.y};
	}
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值