一、事件对象的坐标属性1、事件对象.offsetX 对象事件.offsetY 点击时，获取的是标签左上角的坐标2、事件对象.clientX 事件对象.clientY 点击时，视窗左上角坐标3、事件对象.pageX 事件对象.pageY 点击时，页面左上角坐标 如果没有滚动，页面左上角和视窗的左上角重 ...
分类：
Web程序 时间：
2020-04-04 09:59:08
阅读次数：
105
## 使用canvas画布利用js通过鼠标实现矩形的绘制（任意方向的绘制图形）(如果要绘制其他图形，做一点小改动就行了) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <styl ...
分类：
Web程序 时间：
2020-04-01 13:03:36
阅读次数：
146
在模仿淘宝放大镜效果时, 发现mask层一直抖动, 红色方框添加了onmousemove事件, 内部用到了offsetX 最后解决方案是给mask添加css属性: pointer-event: none; <div class="outer"> <div.mask></div> </div> 原本我 ...
分类：
Web程序 时间：
2020-03-31 09:14:48
阅读次数：
239
地图交互interaction 关于map的方法： //添加地图交互 map.addInteraction(interaction) //删除地图交互 map.removeInteraction(interaction) 创建矢量图层并添加到地图容器中： //创建矢量图层并添加到地图容器中 var ...
分类：
其他好文 时间：
2020-03-15 14:58:16
阅读次数：
70
option = { color: ['#32A8E8', '#E75B5A', '#F5F45E', '#AE77EF', '#A3B8EF', '#FE9E6C', '#65CF92', '#71BCE6', '#6B6ADF', '#72C23A'], tooltip: { trigger: ...
分类：
其他好文 时间：
2020-01-17 19:02:59
阅读次数：
98
offsetX 鼠标相对于事件源左上角X轴的坐标 offsetY 鼠标相对于事件源左上角Y轴的坐标 screenX 鼠标相对于显示器屏幕左上角x轴的坐标； screenY 鼠标相对于显示器屏幕左上角y轴的坐标； clientX 鼠标相对于浏览器（这里说的是浏览器的有效区域）左上角x轴的坐标； 不随滚 ...
分类：
其他好文 时间：
2019-12-08 22:55:35
阅读次数：
105
出现的问题如下图所示（截屏看不出来看log） 再移动鼠标的过程中会不断的出现异常值导致拖动的div不断切换位置，回到左上角。 我以为是冒泡机制导致的所以添加了下面一段阻止冒泡，随便也阻止了默认事件，但是并没有效果 =========================================== ...
分类：
移动开发 时间：
2019-12-07 12:24:50
阅读次数：
112
1、offsetXoffset意为偏移量,是事件对象距左上角为参考原点的距离。以元素盒子模型的内容区域的左上角为参考点。不包括border。2、clientX事件对象相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条3、pageX事件对象相对于整个文档的坐标以像素为单位. ...
分类：
其他好文 时间：
2019-11-29 15:44:31
阅读次数：
95
高度和宽度总结 区别：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
