一. 客户区坐标位置（clientX，clientY） 鼠标事件都是在浏览器视口中的特定位置发生的。这个位置信息保存在事件对象的clientX和clientY属性中，所有浏览器都支持这两个属性。 我们知道了这个位置信息我们可以做些什么了？举个例子，有时候我们需要获取鼠标在某一个元素中的相对位置，做一 ...
分类：
Web程序 时间：
2020-02-22 12:20:40
阅读次数：
142
1.事件驱动 js控制页面的行为是由事件驱动的。 什么是事件？（怎么发生的） 事件就是js侦测到用户的操作或是页面上的一些行为 事件源（发生在谁身上） 引发事件的元素 事件处理程序（发生了什么事） 对事件处理的程序或函数 事件对象（用来记录发生事件时的相关信息） 只有在事件发生的时候，才会产生事件对 ...
分类：
编程语言 时间：
2019-12-21 13:35:17
阅读次数：
85
offsetX 鼠标相对于事件源左上角X轴的坐标 offsetY 鼠标相对于事件源左上角Y轴的坐标 screenX 鼠标相对于显示器屏幕左上角x轴的坐标； screenY 鼠标相对于显示器屏幕左上角y轴的坐标； clientX 鼠标相对于浏览器（这里说的是浏览器的有效区域）左上角x轴的坐标； 不随滚 ...
分类：
其他好文 时间：
2019-12-08 22:55:35
阅读次数：
105
1、offsetXoffset意为偏移量,是事件对象距左上角为参考原点的距离。以元素盒子模型的内容区域的左上角为参考点。不包括border。2、clientX事件对象相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条3、pageX事件对象相对于整个文档的坐标以像素为单位. ...
分类：
其他好文 时间：
2019-11-29 15:44:31
阅读次数：
95
第一组: window.screenX 和 window.screenY, 只读, 返回浏览器窗口左上角与屏幕左上角的水平距离和垂直距离(单位像素); 第二组: window.innerHeight 和 window.innerWidth, 只读, 返回视口的宽高. 第三组: window.oute ...
高度和宽度总结 区别：e.clientX/e.clientY e.layerX/e.layerY e.pageX/e.pageY e.offsetX/e.offsetY e.screenX/e.screenY e.x/e.y 区别：scrollHeight scrollTop clientHeigh ...
分类：
编程语言 时间：
2019-10-04 16:52:41
阅读次数：
118
chrome： e.pageX——相对整个页面的坐标e.layerX——相对当前坐标系的border左上角开始的坐标e.offsetX——相对当前坐标系的border左上角开始的坐标e.clientX——相对可视区域的坐标e.x——相对可视区域的坐标 ff： e.pageX——相对整个页面的坐标e. ...
分类：
其他好文 时间：
2019-09-21 11:01:01
阅读次数：
90
js中尺寸类样式 一：鼠标尺寸类样式 都要事件对象的配合 1：检测相对于浏览器的位置:event.clientX/event.clientY 2：检测相对于屏幕的位置event.screenX/event.screenY 3：检测相对于事件源的位置：event.offsetX/event.offse ...
分类：
Web程序 时间：
2019-09-01 23:55:44
阅读次数：
202
BOM的概念及作用 Browser Object Model -- BOM 浏览器 对象 模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象，核心对象是window JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM缺乏标准 BOM最初是Netscape浏览器标 ...
分类：
其他好文 时间：
2019-06-26 19:11:34
阅读次数：
114
BOM的简单介绍 BOM 里面包含了三部分内容： ，`DOM BOM` 前言 我们将其称之为 。里面主要是帮助我们和浏览器进行交互的方法和接口。 和`Netscape Navigator 3.0`提供的一种新的特性，主要是用来通过js这门脚本语言 来操作浏览器，方便我们对浏览器窗口进行访问。 因为一 ...
分类：
其他好文 时间：
2019-05-11 18:20:47
阅读次数：
177
