文档章节

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

呵呵闯
 呵呵闯
发布于 2016/06/13 23:22
字数 174
阅读 1
收藏 0
点赞 0
评论 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
博文 61
码字总数 15895
作品 0
深圳
程序员
Intellij IDEA快捷键介绍

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

FuYung
2016/04/23
132
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
第三章 1 手写笔和触摸屏

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

技术小胖子
2017/11/07
0
0
论如何实现一个完美的Select组件

前言 下拉列表组件Select可以是前端使用频率最高的UI组件之一。正因此,原生HTML也存在这一标签。但由于对UI的较高追求及统一规范,我们往往不会去使用即不好看又不统一的原生Select标签,而...

站酷前端小组
05/21
0
0
linux目录和文件管理

内部命令:指的是集成于shell解释器程序内部的一些特殊指令,也称为内建指令(built-in)。 2.外部指令:指的是linux系统中能够完成特定功能的脚本文件或二进制程序,每个外部命令对应着系统...

欲黄大帝
2016/08/31
0
0
Intellij_idea-14官方快捷键中文版

最开始很不习惯它自动保存,后面慢慢发现这样很好了。 你可以切到eclipse模式,然后找你常用的快捷键,看一下对于这个快捷键它是怎样说明的,记住后,再切换到默认,找下这个在IntelliJ IDEA...

吕兵阳
2015/10/20
204
0
【JS实践】JS获取各种高度宽度、浏览器窗口滚动条的位置、元素的几何尺寸【PC&ipad】

JS获取各种高度宽度:浏览器窗口滚动条的位置、元素的几何尺寸 1)关于 pageX, clienX,offsetX,layerX pageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而...

呢喃的猫咪
2012/12/19
0
3
想用Java开发电子书阅读器,其如何获取当前阅读进度?

想用java开发一个桌面版的电子书同步阅读器。可是能力有限,在获取阅读进度模块遇到了技术瓶颈,不知道如何获取当前进度,望大神们指点一二。我用的是swing里的JTextArea,貌似没有相关方法,...

rip
2013/12/17
193
2
Emacs常用快捷键

1.翻页 以下命令在翻页浏览时相当有用: C-v 向前移动一屏 M-v 向后移动一屏 C-l 重绘屏幕,并将光标所在行置于屏幕的中央 2.光标控制 基本的光标控制(BASIC CURSOR CONTROL) ------------...

大道无名
2016/07/20
17
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

轻松搭建svn版本管理工具+svnmanager管理客户端

前面的文章有写过svn版本管理工具的安装是基于svn的安装包进行安装,对于svn与apache的结合还得下svn和apache的模块进行结合过程比较繁琐,今天来介绍下通过centos的yum来安装svn能够快速安装...

javazyw
13分钟前
0
0
keepalived配置高可用集群

Linux集群概述 根据功能划分为两大类:高可用和负载均衡 高可用集群通常为两台服务器,一台工作,另外一台作为冗余,当提供服务的机器宕机,冗余将接替继续提供服务 实现高可用的开源软件有:...

TaoXu
19分钟前
0
0
mysql联表批处理操作

1 概述 mysql中的单表增删改查操作,可以说是基本中的基本. 实际工作中,常常会遇到一些基本用法难以处理的数据操作,譬如遇到主从表甚至多级关联表的情况(如一些历史问题数据的批量处理),考虑到...

社哥
22分钟前
0
0
IntelliJ IDEA 详细图解最常用的配置,适合刚刚用的新人。

刚刚使用IntelliJ IDEA 编辑器的时候,会有很多设置,会方便以后的开发,磨刀不误砍柴工。 比如:设置文件字体大小,代码自动完成提示,版本管理,本地代码历史,自动导入包,修改注释,修改...

kim_o
36分钟前
0
0
Google Java编程风格指南

目录 前言 源文件基础 源文件结构 格式 命名约定 编程实践 Javadoc 后记 前言 这份文档是Google Java编程风格规范的完整定义。当且仅当一个Java源文件符合此文档中的规则, 我们才认为它符合...

niithub
39分钟前
0
0
java.net.MalformedURLException异常说明

1.异常片段 Java代码中,在进行URL url = new URL(urllink)操作时,提示以下异常信息,该类异常主要问题出在参数urllink上面。 异常片段1 java.net.MalformedURLException at java.ne...

lqlm
39分钟前
1
0
CentOS7修改mysql5.6字符集

解决办法:CentOS7下修改MySQL数据库字符编码为UTF-8,UTF-8包含全世界所有国家所需要的字符集,是国际编码。 具体操作如下: 1.进入MySQL [root@tianqi-01 ~]# mysql -uroot -p Enter passw...

河图再现
40分钟前
0
0
DevExpress v18.1新版亮点——WPF篇(一)

用户界面套包DevExpress v18.1日前终于正式发布,本站将以连载的形式为大家介绍各版本新增内容。本文将介绍了DevExpress WPF v18.1 的新功能,快来下载试用新版本!点击下载>> Accordion Co...

Miss_Hello_World
43分钟前
0
0
Rancher 2.0集群与工作负载告警

Rancher 2.0操作指南。本文将step by step演示如何使用Rancher 2.0中集成的告警功能,包括设置通知程序、设置集群级别以及工作负载级别的告警。 在Rancher 1.x时期,告警功能是很多Rancher用...

RancherLabs
48分钟前
1
0
Python中字符串拼接的N中方法

python拼接字符串一般有以下几种方法: ①直接通过(+)操作符拼接 s = 'Hello'+' '+'World'+'!'print(s) 输出结果:Hello World! 使用这种方式进行字符串连接的操作效率低下,因为python中...

木头释然
49分钟前
9
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部