在不发生滚动情况下参考目标不同而获取光标位置
在不发生滚动情况下参考目标不同而获取光标位置
呵呵闯 发表于2年前
在不发生滚动情况下参考目标不同而获取光标位置
  • 发表于 2年前
  • 阅读 1
  • 收藏 0
  • 点赞 0
  • 评论 0

【腾讯云】买域名送云解析+SSL证书+建站!>>>   

1、参照屏幕左上角:e.screenX  e.screenY

2、参照文档显示区的左上角:e.clientX||e.x   e.clientY||e.y

3、参照页面左上角:e.pageX  e.pageY  IE9+

4、参照当前元素左上角:e.offsetX  e.offsetY

上演示代码

<div id="d1"></div>
<script type="text/javascript">
	var div=document.getElementById('d1');
	div.onmouseover=function(e){
		var e=e||window.event;
		console.log(e.screenX,e.screenY);
		console.log(e.clientX,e.y);
		console.log(e.pageX,e.pageY);
		console.log(e.offsetX,e.offsetY);
	}
</script>

上图细说

screen就是相对于整个屏幕而不是浏览器

文档显示区和页面page的值获得的相同,应该都是相对于白色部分的左上角,没有标题栏

当前元素这个最好理解

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 2
博文 54
码字总数 11992
×
呵呵闯
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: