js获得页面鼠标位置

news/2024/11/13 4:28:39/文章来源:https://blog.csdn.net/weixin_39037804/article/details/102561228

1.客户区坐标位置：clientX，clientY 鼠标相对于在当前页面可视范围左上角的位置

2.页面坐标位置：pageX,pageY 鼠标相对于页面左上角的位置（受滑动等影响，例如pageY=clientY scrollTop）

3.屏幕坐标位置：screenX,screenY 鼠标相对于电脑左上角的位置（无视浏览器位置）

4.偏移坐标位置：offsetX,offsetY 鼠标相对于当前对象左上角的位置（比如说你用canvas写一个画图板，就要用这个位置）

更多专业前端知识，请上【猿2048】www.mk2048.com

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/363149.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

针对新手的Java EE7和Maven项目–第7部分

从前面的部分恢复第1 部分 ， 第2 部分 ， 第3 部分 ， 第4 部分 ， 第5 部分 ， 第6部分在上一篇文章（第6章）中，我们发现了如何使用Arquillian和Wildfly 8.1进行单元测试JPA2域模型。…

具有Akka反应流的反应队列

反应性流是最近宣布的一项计划，旨在在JVM上为具有内置背压的异步流处理创建标准。该工作组由Typesafe，Red Hat，Oracle，Netflix等公司组成。早期的实验性实现之一是基于Akka的。预览版0.3包括演员生产者和消费者，这…

Django框架下报的版本问题

报错环境 python3.6.5，django2.2，PyMySQL0.9.3 …… django.core.exceptions.ImproperlyConfigured: mysqlclient 1.3.13 or newer is required; you have 0.9.3. 解决方法： Django连接MySQL时默认使用MySQLdb驱动，但MySQLdb不支持…

Gradle入门：简介

Gradle是一种构建工具，可以使用基于Groovy编程语言的内部DSL替换基于XML的构建脚本。最近它吸引了很多关注，这就是为什么我决定仔细研究一下。这篇博客文章是我的Gradle教程的第一部分，它有两个目标： 帮助我们安装Gradle 描…

首页回顾功能

公司要弄一个首页回顾的功能，可以查看以往某个时间的首页。程序每天自动在上午和下午分别抓取一个页面，生成地址为http://xxx.com/review/channel20090715am.html 的形式。这个功能用到了jQuery UI 的 datepicker日历插件，但是主要的还是通过…

浏览器内核总结

一般来讲，浏览器分为外壳部分和渲染部分。外壳部分就是用户看得见摸得到的外观和操作界面;而渲染部分则包括了浏览器内核和JS引擎，其中JS引擎主要负责执行javascript语言实现网页上的动作，而内核则负责渲染网页，把数据变成用户可以…

mysql卸载重装总是卡在starting server这一选项

因为自己不小心把msyql给下载了，重装了一个5.7版本的可是在安装时卡在starting server这一部分，运行不下去。重写卸载重装仍然不成功，还是卡在starting server.无法继续下面的安装，查看日志也没有报错信息。问题分析：…

箭头函数与普通函数的区别

箭头函数： let fun () > {console.log(lalalala); } 普通函数： function fun() {console.log(lalla); } 箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，连{ ... }和return…

前端基础-HTML标记语言

阅读目录一、 HTML标签与文档结构二、 HTML标签详细语法与注意点三、 HTML中标签分类四、 HTML注释一、 HTML标签与文档结构 HTML作为一门标记语言，是通过各种各样的标签来标记网页内容的。我们学习HTML主要就是学习的HTML标签。那什么是标签呢？ #…

带有Gradle的Docker容器分为4个步骤

您是否需要通过Java Web应用程序创建Docker映像？ 您在使用Gradle吗？ 如果是这样，那么您距Docker nivana仅4步之遥。对于此示例，我将使用一个简单的Spring Boot应用程序。您可以在我的名为galoshe的Github存储库中找到所有源代码…

第七周

这个作业属于哪个课程C语言程序设计 （第三版）这个作业要求在哪里2019春季第七周作业我的课程目标学习指针的运用这个作业在哪个具体方面帮助我实现目标这个作业让我知道了指针实用性参考文献无一、2019春第七周作业（基础题） 7-2 自…

Java EE 8 –为更多设备提供更多应用程序

如果我不喜欢夏天的一件事，那就是事实是没有太多要分享或谈论的新闻。谁决定将Java Day Tokyo置于这一年的无聊时间里，谁干得不错，就给我一个机会撰写有关新的和即将到来的Java EE 8规范的博客文章，其中包含了更多的思想和建议。…

Gradle入门：依赖管理

即使不是没有可能，创建没有任何外部依赖关系的现实应用程序也是一项挑战。这就是为什么依赖性管理是每个软件项目中至关重要的部分的原因。这篇博客文章描述了我们如何使用Gradle管理项目的依赖关系。我们将学习配置已使用的存储库和所需的依赖项。我们还将通过…

*http://html5doctor.com/nav*http://html5doctor.com/article*http://html5doctor.com/section*http://html5doctor.com/asidehttp://html5doctor.com/divhttp://html5doctor.com/figurehttp://html5doctor.com/outlinehttp://html5doctor.com/semantics p 和 span 的理解 p标…