js获取鼠标点击的位置-火狐IE兼容

此处说的位置不是准确的鼠标位置,而是鼠标点击的元素的起点儿位置。

在方法外定义clickX和clickY是为了全局使用,可根据实际情况定义。

程序员群:134994493    欢迎正在从事开发的程序员朋友及已经已经走出开发但仍有能力开发设计程序的朋友加入本群

var clickX;
var clickY;
//获取事件
function getEvent() {
	if (document.all) {
		return window.event;// 如果是ie
	}
	func = getEvent.caller;
	while (func != null) {
		var arg0 = func.arguments[0];
		if (arg0) {
			if ((arg0.constructor == Event || arg0.constructor == MouseEvent)
					|| (typeof(arg0) == "object" && arg0.preventDefault && arg0.stopPropagation)) {
				return arg0;
			}
		}
		func = func.caller;
	}
	return null;
}
//在此函数中给clickX和clickY赋值
function getClickPosition(){
	var evt=getEvent();
	if(null!=evt){
		var el=evt.target||evt.srcElement;
		var top=0;
		var left=0;
		while(el){//递归求元素所在页面的位置
			top+=el.offsetTop;//el.offsetTop的值是el元素的上起始位置相对于父元素的上起始位置的差值,所以需要递归相加

			left+=el.offsetLeft;
			el=el.offsetParent;
		}
		
		clickX=left;
		clickY=top;
		
	}else{
                //为null时的默认操作
        }
}


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值