文档章节

在不发生滚动情况下参考目标不同而获取光标位置

学霸猫
 学霸猫
发布于 2016/06/13 23:22
字数 174
阅读 1
收藏 0

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的值获得的相同,应该都是相对于白色部分的左上角,没有标题栏

当前元素这个最好理解

© 著作权归作者所有

学霸猫
粉丝 5
博文 101
码字总数 53829
作品 0
深圳
程序员
私信 提问
watch-other-window.el 更加贴心的窗口滚动函数

我写代码的习惯是, 经常分成上下两个窗口, 用于对比不同文件的内容, 甚至相同文件的上下不同位置的内容. 不知道 Emacs 从什么版本开始, scroll-other-window 的默认行为变得讨厌了, 当你对一...

ManateeLazyCat
2018/09/12
0
0
Intellij IDEA快捷键介绍

|快捷键|介绍||:---------|:---------||Ctrl + F|在当前文件进行文本查找 ||Ctrl + R|在当前文件进行文本替换 ||Ctrl + Z|撤销 ||Ctrl + Y|删除光标所在行 或 删除选中的行 ||Ctrl + X|剪切光...

FuYung
2016/04/23
181
0
第三章 1 手写笔和触摸屏

Windows CE设备并不总是有鼠标的。作为替代,许多Windows CE设备都有触摸屏和手写笔。 鼠标消息 鼠标光标无论在什么时候移过屏幕,光标下的最顶层窗口都会收到一个WMMOUSEMOVE消息。如果用户...

技术小胖子
2017/11/07
0
0
Android Studio 使用艺术 - 快捷键完整版

Ctrl 快捷键 介绍 Ctrl + F 在当前文件进行文本查找 (必备) Ctrl + R 在当前文件进行文本替换 (必备) Ctrl + Z 撤销 (必备) Ctrl + Y 删除光标所在行 或 删除选中的行 (必备) Ctrl +...

quanke_
2016/09/20
806
3
IntelliJ IDEA快捷键大全

Ctrl Ctrl + F 在当前文件进行文本查找 (必备) Ctrl + R 在当前文件进行文本替换 (必备) Ctrl + Z 撤销 (必备) Ctrl + Y 删除光标所在行 或 删除选中的行 (必备) Ctrl + X 剪切光标所...

留给明天
2016/11/03
748
0

没有更多内容

加载失败,请刷新页面

加载更多

JAVA 编写redisUtils工具类,防止高并发获取缓存出现并发问题

import lombok.extern.slf4j.Slf4j;import org.springframework.data.redis.core.BoundHashOperations;import org.springframework.data.redis.core.BoundValueOperations;import org.......

huangkejie
26分钟前
3
0
JMM内存模型(一)&volatile关键字的可见性

在说这个之前,我想先说一下计算机的内存模型: CPU在执行的时候,肯定要有数据,而数据在内存中放着呢,这里的内存就是计算机的物理内存,刚开始还好,但是随着技术的发展,CPU处理的速度越...

走向人生巅峰的大路
43分钟前
88
0
你对AJAX认知有多少(2)?

接着昨日内容,我们几天继续探讨ajax的相关知识点 提到ajax下面几个问题又是必须要了解的啦~~~ 8、在浏览器端如何得到服务器端响应的XML数据。 通过XMLHttpRequest对象的responseXMl属性 9、 ...

理性思考
52分钟前
4
0
正则表达式基础(一)

1.转义 转义的作用: 当某个字符在表达式中具有特殊含义,例如字符串引号中出现了引号,为了可以使用这些字符本身,而不是使用其在表达式中的特殊含义,则需要通过转义符“\”来构建该字符转...

清自以敬
55分钟前
4
0
idea中@Data标签getset不起作用

背景:换电脑以后在idea中有@data注解都不生效 解决办法:idea装个插件 https://blog.csdn.net/seapeak007/article/details/72911529...

栾小糖
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部