1、screenX、pageX、clientX、offsetX screenX: 鼠标指针距离屏幕左侧的距离，不随滚动条变化而变化 pageX: 鼠标指针距离文档左侧的距离，不随滚动条变化而变化 clientX: 鼠标指针距离可视窗口左侧的距离, 随滚动条变化而变化， 如果拖动滚动条让元素离可视窗口 ...
分类：
其他好文 时间：
2021-01-21 10:38:46
阅读次数：
0
clientX clientY event.clientX event.clientY client直译就是客户端，客户端的窗口就是指游览器的显示页面内容的窗口大小（不包含工具栏、导航栏等等）。 event.clientX、event.clientY就是用来获取鼠标距游览器显示窗口的长度。 兼容性： ...
分类：
其他好文 时间：
2020-12-17 12:51:29
阅读次数：
2
位置属性 window.addEventListener('mouseout', (e) => { // e 为鼠标事件 console.log(e); }) 属性 含义 clientX、clientY 鼠标位置距离当前body可视区域的x，y坐标 pageX、pageY 鼠标位置距离当前整个bod ...
分类：
编程语言 时间：
2020-06-27 19:49:16
阅读次数：
60
获取鼠标当前位置 clientY、clientX： 鼠标当前位置 相对于 浏览器可视区域顶部、浏览器可视区域左部 的位置； pageY、pageX： 鼠标当前位置 相对于 文档顶部、文档左部的位置； screenY、screenX：鼠标当前位置 相对于 屏幕顶部、屏幕左部的位置； offsetY、o ...
分类：
Web程序 时间：
2020-05-30 20:12:37
阅读次数：
85
1. 提示框 基本原理： 用一个dom元素来显示提示框，提示框绝对定位，在相关事件中，动态修改提示框的位置即可。 通常是用 event 的 pageX 和 pageY 修改 提示框定位。 2. 折线图的焦点虚线 在鼠标滑动到折线图焦点时候，通常要显示到Y轴和X轴的虚线。 此时，需要监听划过区域的事件 ...
分类：
其他好文 时间：
2020-05-30 15:36:54
阅读次数：
74
Dom DOM基础 文档对象模型 Element attribute text 获取元素节点 older forms links achors images 表单,写表单name，尽量写 表单元素 document.[formName] 表单字段（域） formElement.[formFieled ...
分类：
Web程序 时间：
2020-05-26 20:39:23
阅读次数：
87
实现：按下鼠标拖动，盒子跟着一起移动 代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js_excise</title> <style type="text/css"> body{ position: relativ ...
分类：
Web程序 时间：
2020-05-05 23:29:47
阅读次数：
221
1.定义和使用 浏览器可视窗口坐标： clientY clientX 页面坐标： pageX pageY 电脑屏幕坐标： screenX screenY 鼠标按键： button ...
分类：
Web程序 时间：
2020-05-02 11:40:45
阅读次数：
171
//移动端 $(".demo").on("touchstart", function(e) { e.preventDefault(); startX = e.originalEvent.changedTouches[0].pageX, startY = e.originalEvent.changed ...
分类：
移动开发 时间：
2020-04-18 14:02:44
阅读次数：
111
一、事件对象的坐标属性1、事件对象.offsetX 对象事件.offsetY 点击时，获取的是标签左上角的坐标2、事件对象.clientX 事件对象.clientY 点击时，视窗左上角坐标3、事件对象.pageX 事件对象.pageY 点击时，页面左上角坐标 如果没有滚动，页面左上角和视窗的左上角重 ...
分类：
Web程序 时间：
2020-04-04 09:59:08
阅读次数：
105
