文档章节

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

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

当前元素这个最好理解

© 著作权归作者所有

共有 人打赏支持
呵呵闯
粉丝 3
博文 67
码字总数 15949
作品 0
深圳
程序员
watch-other-window.el 更加贴心的窗口滚动函数

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

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

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

FuYung
2016/04/23
132
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
655
3
IntelliJ IDEA快捷键大全

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

留给明天
2016/11/03
224
0

没有更多内容

加载失败,请刷新页面

加载更多

创建第一个react项目

sudo npm i -g create-react-app@1.5.2 create-react-app react-app cd react-apprm -rf package-lock.jsonrm -rf node_modules #主要是为了避免报错npm installnpm start......

lilugirl
今天
1
0
在浏览器中进行深度学习:TensorFlow.js (八)生成对抗网络 (GAN)

Generative Adversarial Network 是深度学习中非常有趣的一种方法。GAN最早源自Ian Goodfellow的这篇论文。LeCun对GAN给出了极高的评价: “There are many interesting recent development...

naughty
今天
0
0
搬瓦工镜像站bwh1.net被DNS污染,国内打不开搬瓦工官网

今天下午(2018年10月17日),继搬瓦工主域名bandwagonhost.com被污染后,这个国内的镜像地址bwh1.net也被墙了。那么目前应该怎么访问搬瓦工官网呢? 消息来源:搬瓦工优惠网->搬瓦工镜像站b...

flyzy2005
今天
2
0
SpringBoot自动配置

本篇介绍下,如何通过springboot的自动配置,将公司项目内的依赖jar,不需要扫描路径,依赖jar的情况下,就能将jar内配置了@configuration注解的类,创建到IOC里面 介绍下开发环境 JDK版本1.8 spr...

贺小五
今天
3
0
命令行新建Maven多项目

参考地址 # DgroupId 可以理解为包名# DartifactId 可以理解为项目名mvn archetype:generate -DgroupId=cn.modfun -DartifactId=scaffold -DarchetypeArtifactId=maven-archetype-quickst......

阿白
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部