事件对象 在事件触发后或在事件处理程序中，（函数体）所获取并操作的对象。 1. 获取事件对象 语法：事件源.事件类型 = function(e){} 形参 e（可以是任意字母）就是事件对象。执行函数（即事件触发后）的时候，浏览器会把事件对象交给形参e。 2. 鼠标事件对象相关属性 1）鼠标事件类型： ...
分类：
其他好文 时间：
2019-10-06 11:22:39
阅读次数：
92
高度和宽度总结 区别：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
恢复内容开始 offset的使用 css部分 html部分 javascript以及讲解 效果 div#fixed div#center div#offset 控制台效果 兼容性问题 client使用 （2）clientX 和 clientY clientX：鼠标距离可视区域左侧距离（event调用 ...
分类：
Web程序 时间：
2019-10-03 18:04:20
阅读次数：
123
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
首先放置一连的image 然后设置样式，主要是图片的大小 最后就是实现行为 一个简单的小案例便完成了。效果图如下： ps:div可以多给点，以防看不出效果 ...
分类：
移动开发 时间：
2019-09-01 23:32:12
阅读次数：
152
事件 事件组成 事件对象 事件对象上有用的信息 坐标相关 clientX clientY 事件发生时，光标 距离可视区的坐标 offsetX offsetY 事件发生时 ，光标 距离元素的坐标 pageX pageY 事件发生时，光标距离 页面的距离（和滚动条无关） 判断鼠标按键（左键、右键） 了解 ...
分类：
Web程序 时间：
2019-08-27 22:46:23
阅读次数：
108
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { height: 1000px; } </style> </head> <body> <scrip... ...
分类：
其他好文 时间：
2019-08-27 10:44:50
阅读次数：
84
鼠标位置 1》可视区位置：clientX、clientY 跟着鼠标移动的div案例 代码如下图： 这个案例，运用到前一篇文章中的event事件来处理。获取div的left和top值，当鼠标移动时，div的left和top值跟着鼠标位置改变而改变。（注意的是：需要给div设置绝对定位） 演示效果如下图 ...
分类：
Web程序 时间：
2019-06-01 23:09:51
阅读次数：
146
结论： 1，X,Y的都是属于点击位置的，width、height、left、top都是属于DOM的。 2，涉及的所有位置只与document或DOM内部有关，与DOM如何定位，周围有没有其他占位HTML元素，DOM有没有父级元素等统统无关。 说明：每次点击都是点击绿色方块的中心点，绿色方块的CSS代 ...
分类：
其他好文 时间：
2019-05-23 20:55:35
阅读次数：
165
