var x5 = e.screenX; // 鼠标位置距屏幕左侧的距离var y5 = e.screenY;var x = e.pageX; // 鼠标距文档左侧的距离， 在被卷去时，与clientX不同。var y = e.pageY;var x4 = e.layerX;var y4 = e.lay
原创
2022-06-02 05:41:21
152阅读
[ HTML 事件属性
HTML screenX 事件属性的定义和用法screenX 事件属性可返回事件发生时鼠标指针相对于屏幕的水平坐标。HTML screenX 事件属性：语法event.screenXHTML screenX 事件属性：实例<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
转载
2020-07-11 10:34:00
69阅读
2评论
screenX clientX pageX概念screenX:鼠标位置相对于用户屏幕水平偏移量，而screenY也就是垂直方向的，此时的参照点也就是原点是屏幕的左上角。clientX:跟screenX相比就是将参照点改成了浏览器内容区域的左上角，该参照点会随之滚动条的移动而移动。pageX：参照点也...
转载
2015-04-14 11:00:00
239阅读
screenX clientX pageX概念 screenX:鼠标位置相对于用户屏幕水平偏移量，而screenY也就是垂直方向的，此时的参照点也就是原点是屏幕的左上角。 clientX:跟screenX相比就是将参照点改成了浏览器内容区域的左上角，该参照点会随之滚动条的移动而移动。 pageX：参照点也是浏览器内容区域的左上角，但它不会随着滚动条而变动 如图(红点就是鼠标当前位置) 参考代码
转载
2022-06-02 05:30:26
38阅读
screenX clientX pageX概念打开的pop窗口随着鼠标点击的dom元素而定位展示的js代码：e是click事件，o是pop窗口的宽度或高度，eventX = function (e, o) {e = e || window.event;o = o || 0;x = e.pageX |...
转载
2014-11-11 15:27:00
90阅读
2评论
一、概念总结1、event.clientX、event.clientY鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性.clientX指可视区域内离左侧的距离，以滚动条滚动到的位置为参考点。各个浏览器相同。即当有滚动条时clientX 小于 pageX。2、event.pageX、event.pageY类似于event.cli
原创
2022-11-07 18:13:31
1511阅读
QQ群招募中：646258285（招募中，没几个人说话）， 需要交流的朋友可以直接加我微信( DntBeliv )或QQ( 1121864253 )一、clientX、clientY点击位置距离当前body可视区域的x，y坐标二、pageX、pageY对于整个页面来说，包括了被卷去的body部分的长度三、screenX、screenY点击位置距离当前电脑屏幕的x，y坐标四、offsetX、offsetY相对于带有定位的父盒子的x，y坐标五、x、y和screenX、screenY
转载
2021-06-08 16:46:23
2683阅读
作用IEFFpageX/Y鼠标相对于整个页面的X/Y坐标。注意，整个页面的意思就是你整个网页的全部,不是屏幕XVoffsetX/Y设置或获取鼠标指针位置相对于触发事件的对象的坐标VXscreenX/Y鼠标在屏幕上的坐标。screenX,screenY的最大值不会超过你的屏幕分辨率。VVclientX/Y事件发生时鼠标在浏览器内容区域的X/Y坐标（不包含滚动条）VVX/Y鼠标指针位置相对于父文档的
原创
2013-06-26 17:28:13
414阅读
clientX, clientY是鼠标当前相对于网页的位置，当鼠标位于页面左上角时clientX=0, clientY=0；offsetX, offsetY是鼠标当前相对于网页中的某一区域的位置，当鼠标位于页面中这一区域的左上角时offsetX=0, offsetY=0；screenX, scree...
转载
2014-11-18 13:58:00
89阅读
2评论
1.screenX screenY 表示窗口相对于屏幕左上角的位置。注意IE不支持此属性。 只读属性。 IE 中的实现用screenLeft screenTop (等于screenY + 工具栏+菜单栏+地址栏的像素)2.innerWidth innerHeight窗口中文档显示区域的宽度，不包括边框和滚动条,该属性可读可写。IE8之前的浏览器不支持该属性，IE中body
转载
精选
2013-06-10 08:34:03
637阅读
点赞
自己一直很想做个拖拽生成静态页面的东西，说简单也简单，这个东西按道理用jsx语法是最好的，用render方法渲染生成的json。只是自己对这块还是没信心。今天写个vue的拖拽指令，顺便理一下offsetX、pageX、clientX、screenX这几个属性，一直记不住。先大概记一下这几个的翻译（应该是正确的）：
offset：偏移；client：客户；page：页面；screen：屏幕；offs
转载
2021-01-20 10:05:10
679阅读
2评论
原创
2021-09-01 09:51:19
569阅读
1、screenX 和screenY 参照点：电脑屏幕左上角 screenX：鼠标点击位置相对于电脑
原创
2022-11-21 16:08:08
687阅读
转自：http://www.cnblogs.com/long_/archive/2010/09/09/1822574.html event对象是JavaScript中最重要的对象之一，他代表了各种事件的状态，在各种事件
转载
2012-04-18 17:04:00
77阅读
2评论
鼠标事件鼠标事件有下面这几种：1. onclick鼠标点击事件box.onclick = function(e){ console.log(e)}2. onmousedown鼠标按下事件box.onmousedown = function(e){ console.log(e)}3. onmouseup鼠标松开事件box.onmous...
原创
2023-03-09 20:13:12
232阅读
javascript中offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageXoffsetWidth //返回元素...
转载
2019-06-03 09:03:00
88阅读
2评论
javascript中offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageXoffsetWidth //返回元素...
转载
2019-06-03 09:03:00
76阅读
2评论
offsetWidth //返回元素的宽度（包括元素宽度、内边距和边框，不包括外边距）offsetHeight //返回元素的高度（包括元素高度、内边距和边框，不包括外边距）clientWidth //返回元素的宽度（包括元素宽度、内边距，不包括边框和外边距）clientHeight //返回元素的高度（包括元素高度、内边距，不包括边框和外边距）st
原创
2021-05-14 20:17:35
165阅读
通过 3 张图和 1 张表格，轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。 一、测试代码如下： 二、不同浏览器对这些属性的支持： 三、图解 event.offsetX，event.clientX，e
转载
2017-03-21 11:50:00
356阅读
2评论
边界尺寸
var a= e.pageX;//鼠标在页面中的坐标位置。可能大于整个屏幕
var ay= e.pageY;//鼠标在页面中的坐标位置。可能大于整个屏幕
//console.log(ay);
var b= e.clientX;//鼠标在屏幕上的x坐标
var by= e.clientY;//鼠标在屏幕上的y坐标,所以ay>=by
//console.log(by);
转载
2017-05-24 15:20:00
114阅读
2评论
