E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
screenX
js怎样获取鼠标在页面点击时的位置信息 坐标信息
clientY即可得到坐标信息了然后随便在页面点击即可在控制台看到点击的坐标信息了注意clientX,clientY是从浏览器的页面顶部算起的,不包括顶部的工具栏如果想要从电脑屏幕顶部算起那就就要使用
screenX
肾虚少年
·
2020-09-16 13:48
js
js获取鼠标点击时的位置
js获取鼠标点击时的坐标信息
JQuery开发5-在网页中获取鼠标的三种坐标
分别用的方法名称为
screenX
和screenY,clientX和clientY,pageX和pageY。
qingff01
·
2020-09-16 12:02
JQuery基础
说一下event.x,event.clientX,event.offsetX区别
screenX
:相对于用户屏幕。clientX,clientY是鼠标当前相对于网页的位置,当鼠标位于页面左上角时clientX=0,clientY=0;offsetX,offs
myEclipse_2008
·
2020-09-14 10:00
javaScript
捕捉窗口右上角关闭按钮关闭事件
实现原理:通过获取事件源位置,判断是否为右上角关闭按钮触发,从而区分关闭窗口和页面刷新动作代码如下:window.onbeforeunload=function(){varn=window.event.
screenX
-window.screenLeft
zh2qiang
·
2020-09-13 23:58
Web开发
IE、火狐(Firefox)和谷歌(Google Chrome)浏览器差异
GoogleChrome)三个浏览器中都能运行,期间遇到一些问题,现总结一下:1.获取鼠标的坐标时,使用event.clientX,不要使用event.x,因为火狐不支持event.x,最好使用event.
screenX
一缕清风007
·
2020-09-10 12:38
html
JS和JQ中各种长度,event对象4种坐标
的坐标;2pageX和pageY也是相对于浏览器可视区域左上角0,0的坐标两者的区别:如果有滚动区域,pageX和pageY会算上滚动的距离3offsetX和offsetY相对于事件源左上角0.0坐标4
screenX
TIANCHUANG8887
·
2020-08-26 12:16
JavaScript——DOM位置属性
(FF不支持)
screenX
相对于用户屏幕。
Abby_zzy
·
2020-08-25 11:29
JS clientX、offsetX、pageX、
screenX
我的这篇博客是按照我自己的理解来解释的,有错误的话,欢迎指正【我也不能肯定100%正确】一:图形解释二:书面解释【根据英文单词意思,也可以猜个八九不离十】screen:屏幕1.作用对象:鼠标点2.坐标中心点:电脑屏幕左上角3.
screenX
胭脂ing
·
2020-08-24 05:11
JS
JS:clientX/Y、
screenX
/Y、pageX/Y、offsetX/Y、layerX/Y、x/y
Event对象Event对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。Event对象只在事件发生的过程中才有效。浏览器兼容性FF:没有window.event对象。可以通过给函数的参数传递event对象。示例代码:鬼眼邪神的博客varbutton=document.getElementById("button");button.οnclick=funct
鬼眼邪神
·
2020-08-24 02:09
JS
JS--JavaScript使用window对象控制窗口大小(innerWidth、innerHeight)和位置(moveTo()、moveBy())、设置随机移动弹窗(小网站专用...)
Firefox支持使用window对象的
screenX
和screenY属性进行相同的操作,Safari和Chrome也同时支持这两个属性。
吴声子夜歌
·
2020-08-24 00:24
JavaScript
dom元素、鼠标元素位置clientX、clientY、offsetX、offsetY、
screenX
、screenY、pageX、pageY
event.clientX设置或获取鼠标指针位置相对于当前窗口的x坐标,其中客户区域不包括窗口自身的控件和滚动条。(可见区域)event.clientY设置或获取鼠标指针位置相对于当前窗口的y坐标,其中客户区域不包括窗口自身的控件和滚动条。(可见区域)event.offsetX设置或获取鼠标指针位置相对于触发事件的对象的x坐标。(触发事件的元素,ie,chrome支持此属性,ff不支持)event
八佾舞于庭
·
2020-08-23 23:17
JS:window对象的pageXOffset、innerWidth、outerWidth、screenLeft、
screenX
window.pageXOffset获取页面文档向右滚动过的像素数。window.pageYOffset获取页面文档向下滚动过的像素数。浏览器兼容性IE7、8不支持,可以使用document.documentELement.scrollLeft/scrollTop来代替。window.innerWidth设置或获取浏览器窗口文档显示区域的宽度,包括滚动条。window.innerHeight设置或
鬼眼邪神
·
2020-08-23 22:32
JS
event对象和DOM二级事件
altKey:alt键truefalsectrlKey:shiftKey:clientX/clientY:可视区域的坐标offsetX/offsetY:源元素的坐标pageX/pageY/x/y:整个页面的坐标
screenX
Simon_s
·
2020-08-23 17:37
BOM-不同浏览器对窗口尺寸的获取和修改
Firefox则在
screenX
和screenY属性中提供相同的窗口位置信息,Safari和Chrome也同时支持这两个属性。//确定窗口的位置,IE支持alert(screenLeft)
橙子好
·
2020-08-23 17:26
javascript
JavaScript高级程序设计之BOM之window 对象之窗口位置第8.1.3讲笔记
Firefox则在
screenX
和screenY属性中提供相同的窗口位置信息,Safari和Chrome也同时支持这两个属性。
Minn0916
·
2020-08-23 15:25
【面试篇】event对象中offsetX,clientX,pageX,
screenX
,layerX,X的辨析
offsetX,offsetY:指鼠标指针相对于触发事件元素的左上角的偏移,在Chrome,Opera,Safari中指外边缘,即将该元素边框的宽度计算在内,firefox则不包含边框值,如下图所示:pageX和pageY是相对文档窗口左上角的距离,不会随滚动条移动clientX和clientY是相对于浏览器可视窗口左上角的距离,参照点会随滚动条滚动而移动当可视窗口和文档窗口重叠时,pageX和c
张爱玲
·
2020-08-22 10:23
坐标
css
js操作浏览器窗口及元素大小
在window对象中使用属性screenTop、screenLeft、screenY和
screenX
(单位为像素)两组属性来表示窗口相对于屏幕上边和左边的位置。
海痕
·
2020-08-22 09:43
javascript
元素大小
窗口大小
关闭浏览器弹出提示的兼容问题陈述
;}代码二:在IE好使,在qq浏览器不好使nihaowindow.onbeforeunload=function(){varn=window.event.
screenX
-window.screenLeft
wangdao1212
·
2020-08-21 17:29
JS之clientX,clientY,
screenX
,screenY,offsetX,offsetY区别测试
首先需要知道clientX,clientY,
screenX
,screenY,offsetX,offsetY是鼠标事件对象下的几个属性.之前也一直对这些属性搞的稀里糊涂,看文档上说的也是不太理解,反正看完一头雾水
关耳佳
·
2020-08-21 16:59
JS小记
JavaScript中offset screen client的区别
200px'p1.style.height='200px'p1.onmousemove=function(e){p1.innerHTML=e.offsetX+','+e.offsetYp1.innerHTML=e.
screenX
camaelMX
·
2020-08-21 16:46
html
html
javascript
原生js—clientX、clientY、
screenX
、screenY、offsetX、offsetY、pageX、pageY、x、y
原生js—clientX、clientY、
screenX
、screenY、offsetX、offsetY、pageX、pageY、x、yclientX、clientY:相对于浏览器的可视区域(inner
男孩子小杨
·
2020-08-21 16:09
原生js
clientX,
screenX
,pageX,offsetX的区别
前言关于clientX,
screenX
,pageX,offsetX的区别之前也比较迷糊,然后自己写了几个demo算是弄明白了,在这记录一下。
想搞全栈的前端
·
2020-08-21 16:40
HTML/CSS
JS
js clientX pageX offsetX
screenX
jsclientXpageXoffsetXscreenXpageXpageY:鼠标指针的位置,相对于文档开头左上角的位置。offsetXoffsetY:鼠标相对于事件源元素左上角的x,y坐标clientXclientY:鼠标指针相对与游览器窗口可视区左上角的位置screenXscreenY鼠标指针相对于显示器左上角的位置
哈哈绝
·
2020-08-21 15:54
js
学习笔记
图解事件坐标
screenX
、clientX、pageX, offsetX的区别
一、图解如图所示,假设页面中灰色圆点是鼠标点击处,黄色区域是鼠标触发事件对象二、概念1、
screenX
和screenY参照点:电脑屏幕左上角
screenX
:鼠标点击位置相对于电脑屏幕左上角的水平偏移量screenY
@Demi
·
2020-08-21 15:37
JavaScript
JavaScript中client、screen、client、offset、page相关属性及函数总结
window.
screenX
,window.screenY返回浏览
王小生iT
·
2020-08-21 15:26
笔记
javascript
区别 JavaScript Event 对象中的clientX,offsetX,
screenX
,pageX之间关系
javascript的event对象的clientX,offsetX,
screenX
,pageX弄得头晕,于是决定做个图来区分一下event.clientX、event.clientY鼠标相对于浏览器窗口可视区域的
Zhe言9
·
2020-08-21 15:47
前端
BOM常用方法
screenLeft:
screenX
;varY=typeofscreenTop=="number"?screenTop:screenY;获取页面大小:innerHeight,innerWidth。
frankisbaby
·
2020-08-21 15:51
js中获取元素的当前位置
event.offsetY,(IE属性,测试都可以使用)event.clientX,event.clienY,event.scrennX,event.screenY,他们的区别如下:可以看出,event.
screenX
qq_35534823
·
2020-08-21 15:05
js
比较offsetX, pageX,clientX,
screenX
的区别
之前一直没有把offset,page,client和screen这几个属性弄得很清楚,今天花了点时间算是大体上了解了这几个属性的区别,所以把我了解到的写出来,也算是做个总结。首先我们来看看这几个属性的解释:1.offsetX:鼠标相对于事件源元素的X坐标,只有IE事件有这2个属性,标准事件没有对应的属性2.pageX:鼠标指针的位置,相对于文档的左边缘3.clientX:返回当事件被触发时鼠标指针
hhh_hh_h
·
2020-08-21 15:24
Web前端
一张图轻松搞懂javascript event对象的clientX,offsetX,
screenX
,pageX区别
一张图轻松搞懂javascriptevent对象的clientX,offsetX,
screenX
,pageX区别1.event.clientX、event.clientY鼠标相对于浏览器窗口可视区域的X
reactMan
·
2020-08-21 15:16
前端
图解Js event对象offsetX, clientX, pageX,
screenX
, layerX, x区别
通过3张图和1张表格,轻松区别JavascriptEvent对象中的offsetX,clientX,pageX,
screenX
,layerX,x等属性。
lzding
·
2020-08-21 15:24
JavaScript
js鼠标事件中的clientX/clientY,
screenX
/screenY,pageX/pageY,offsetX/offsetY,layerX/layerY,x/y
clientX/clientY,
screenX
/screenY这两组是标准,一般用这两组,就没问题了clientX/clientY相对于目标可视区的坐标,不包括边框,不会随滚动条变化
screenX
/screenY
linsk1998
·
2020-08-21 14:39
js事件对象Event获取pageX,clientX,
screenX
,offsetX,layerX的方式与区别
pageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,同一个元素坐标不随滑动条移动而变化clientX:鼠标在页面上可视区域的位置,即是以浏览器滑动条此刻的滑动到的位置为参考点,同一个元素坐标随滑动条移动而变化.注:1、如果元素位于body中,e.clientX+document.body.scrollLeft-document.body.clientLeft=e.pageX,2、
逍遥不羁
·
2020-08-21 14:15
javascript
JavaScript中鼠标event的位置(clientX,layerX,x,offsetX等)
最近的绝对定位的父节点,如果没有,则为documentFirefox,Chrome,SafarioffsetX,offsetY事件目标对象所有,Firefox除外pageX,pageYdocument对象所有,IE除外
ScreenX
iteye_12675
·
2020-08-21 14:20
JS一秒区分clientX,offsetX,
screenX
,pageX之间关系
javascript的event对象的clientX,offsetX,
screenX
,pageX弄得头晕,于是决定做个图来区分一下event.clientX、event.clientY鼠标相对于浏览器窗口可视区域的
dingzhui2715
·
2020-08-21 14:11
event对象的clientX,offsetX,
screenX
,pageX
chrome:e.pageX——相对整个页面的坐标e.layerX——相对当前坐标系的border左上角开始的坐标e.offsetX——相对当前坐标系的border左上角开始的坐标e.clientX——相对可视区域的坐标e.x——相对可视区域的坐标ff:e.pageX——相对整个页面的坐标e.layerX——相对当前坐标系的border左上角开始的坐标e.offsetX——无e.clientX——
dianzhani178819
·
2020-08-21 14:34
轻松搞懂javascript event对象的clientX,offsetX,
screenX
,pageX区别
总是会被javascript的event对象的clientX,offsetX,
screenX
,pageX弄得头晕先总结下区别:event.clientX、event.clientY鼠标相对浏览器窗口可视区域的
bamo3265
·
2020-08-21 13:55
HTML 页面中的位置:clientX、
screenX
、offsetX、pageX
;clientY鼠标相对于浏览器左上角y轴的坐标;不随滚动条滚动而改变;pageX鼠标相对于浏览器左上角x轴的坐标;随滚动条滚动而改变;pageY鼠标相对于浏览器左上角y轴的坐标;随滚动条滚动而改变;
screenX
墨城之左
·
2020-08-21 13:03
技术杂文
javascript中screenXY、clientXY、pageXY和offsetXY的区别
screenXY:
screenX
和screenY的参照点是用户屏幕左上角,
screenX
是鼠标位置相对于用户屏幕(左侧)水平偏移量,而screenY则是鼠标相对于屏幕(顶部)垂直方向的偏移量。
第三眼的思绪
·
2020-08-21 12:37
Javascript
Html
Java基础
基础资料
javascript 中 x offsetX clientX
screenX
pageX的区别
在javascript的事件对象中的关于事件鼠标位置的几个属性(x,pageX,offsetX,scrrenXclientX)及(y,pageY,offsetY,screenY,clientY),其中offsetX,offsetY是指相对于触发事件元素的左上角的偏移。但在不同的浏览器中其值又有所不同。在chromeopera,safari中是指外边缘,即把该元素边框的宽度计算在内,firefoxi
yang_chuanlong
·
2020-08-21 12:59
javascript
x
offsetX
clienX
pageX
event事件坐标详解(clientx, offsetx,
screenX
等)
鼠标事件(e=e||window.event)event.clientX、event.clientY(相对浏览器窗口)//鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性functiongetMousePos(event){vare=event||window.event;return{'x':e.clientX,'y':cl
zlzbt
·
2020-08-21 07:16
Javascript
JSP基于session,application的在线人数统计
,application的在线人数统计index.jsptest.jswindow.onbeforeunload=function()//author:meizz{varn=window.event.
screenX
-window.screenLeft
sunbing_ctgu
·
2020-08-21 05:10
JSP
Servlet
clientX,offsetX,
screenX
screenX
设置或获取获取鼠标指针位置相对于用户屏幕的x坐标。
panw3i
·
2020-08-20 00:31
clientX, pageX, offsetX,
screenX
均为只读属性。1.clientX属性返回当事件被触发时鼠标指针相对于浏览器页面(或客户区)的水平坐标。客户区指的是当前窗口(可视区域不包括工具栏和滚动条)。例如,不论页面是否有水平滚动,当你点击客户端区域的左上角时,鼠标事件的clientX值都将为0。2.pageX属性返回当事件被触发时鼠标指针的位置相对于整个文档的x(水平)坐标以像素为单位的只读属性。这个属性考虑任何页面的水平方向上的滚动。cl
钟小楼
·
2020-08-19 06:35
css border-box与content-box的不同点
的理解造成的差异后记提一下容易混肴的几个量度:css的left、margin-left、width;js元素对象属性的offsetWidth、clientWidth;js中event对象的offsetX,clientX,pageX,
screenX
codeflame
·
2020-08-19 01:26
js--简单放大镜实现(带移动方块)
/**知识点预备clientX,clientY鼠标相对于可视区的位置offsetX,offsetYlayerXlayerY鼠标相对于事件源的位置
screenX
,screenY鼠标相对于屏幕的位置pageX
xie1987524
·
2020-08-16 17:30
javascipt
JavaScript 获取鼠标点击位置坐标
相对于屏幕如果是涉及到鼠标点击确定位置相对比较简单,获取到鼠标点击事件后,事件
screenX
,screenY获取的是点击位置相对于屏幕的左边距与上边距,不考虑iframe因素,不同浏览器下表现的还算一致
soooyoung
·
2020-08-15 00:49
js
js获取点击事件的坐标位置
这篇文章就上鼠标点击位置坐标获取做一些简单的总结,没特殊声明代码在IE8,FireFox,Chrome下进行测试兼容鼠标点击位置坐标相对于屏幕如果是涉及到鼠标点击确定位置相对比较简单,获取到鼠标点击事件后,事件
screenX
qq_37207291
·
2020-08-12 17:10
Javaweb杂记
JS
事件驱动
JS 打开、关闭子窗口
JS打开、关闭子窗口varwin;functionopenChildWin(){varscreenX=typeofwindow.
screenX
!='undefined'?
侯志文
·
2020-08-11 16:18
JavaScript
彻底弄清楚scrollWidth、clientWidth、
screenX
和pageX之间的关系
body{margin:0;padding:0;width:3000px;height:5000px;}#box{width:200px;height:1500px;background-color:red;}varbox=document.getElementById("box");//页面可视区的宽度varoClientWidth=window.innerWidth||document.doc
wanxue0804
·
2020-08-10 22:53
JavaScript
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他