JS事件基础 event对象和事件冒泡 什么是event对象 用来获取时间的详细信息:鼠标位置,键盘按键 例子:获取鼠标的位置:clientX鼠标点击横坐标;clientY鼠标点击纵坐标 document的本质:document.childNodes[0].tagName ? ——获取页面第一个子节 ...
分类:
Web程序 时间:
2020-06-01 23:51:05
阅读次数:
83
获取鼠标当前位置 clientY、clientX: 鼠标当前位置 相对于 浏览器可视区域顶部、浏览器可视区域左部 的位置; pageY、pageX: 鼠标当前位置 相对于 文档顶部、文档左部的位置; screenY、screenX:鼠标当前位置 相对于 屏幕顶部、屏幕左部的位置; offsetY、o ...
分类:
Web程序 时间:
2020-05-30 20:12:37
阅读次数:
85
# 事件## 一、事件的介绍1. 事件的组成- 事件源:obox,绑定事件的元素。注意:事件目标,不是任何时候都等同于事件源。一般情况下是一个。- 绑定事件的方式:on,赋值式绑定- 事件类型:click,行为方式- 赋值:= ,赋值式绑定事件的标志之一- 事件处理函数:function(){con ...
分类:
其他好文 时间:
2020-05-14 01:04:37
阅读次数:
88
1.定义和使用 浏览器可视窗口坐标: clientY clientX 页面坐标: pageX pageY 电脑屏幕坐标: screenX screenY 鼠标按键: button ...
分类:
Web程序 时间:
2020-05-02 11:40:45
阅读次数:
171
在浏览购物网站的时候,会经常看到可以观察细节的放大镜特效,最近尝试着做服装网站,就学到一些,分享一下: 首先准备一张图片,和一张等比缩放的图片,及一张网格罩层图 <body> <div id = "box"> <div id="small_box"> <img src="xiao.jpg" alt= ...
分类:
其他好文 时间:
2020-04-22 22:59:56
阅读次数:
135
一、事件对象的坐标属性1、事件对象.offsetX 对象事件.offsetY 点击时,获取的是标签左上角的坐标2、事件对象.clientX 事件对象.clientY 点击时,视窗左上角坐标3、事件对象.pageX 事件对象.pageY 点击时,页面左上角坐标 如果没有滚动,页面左上角和视窗的左上角重 ...
分类:
Web程序 时间:
2020-04-04 09:59:08
阅读次数:
105
公司要做智慧消防楼层可视化,需要用到web3d,开源的引擎中先研究了cesium三维地球,但cesium做楼层感觉是大材小用,而且体验也不好,最终选用的是功能强大、更适合小型场景的three。 three是图形引擎,而web二维三维地图都是基于图形引擎的,所以拿three来开发需求简单的三维地图应用 ...
分类:
Web程序 时间:
2020-03-08 09:37:06
阅读次数:
190
1.事件对象 Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 什么时候会产生Event 对象呢? 例如: 当用户单击某个元素的时候,我们给这个元素注册的事件就会触发,该事件的本质就是一个函数,而该函数的形参接收一个event对象. 事件通常与函 ...
分类:
编程语言 时间:
2020-02-26 19:19:02
阅读次数:
97
一. 客户区坐标位置(clientX,clientY) 鼠标事件都是在浏览器视口中的特定位置发生的。这个位置信息保存在事件对象的clientX和clientY属性中,所有浏览器都支持这两个属性。 我们知道了这个位置信息我们可以做些什么了?举个例子,有时候我们需要获取鼠标在某一个元素中的相对位置,做一 ...
分类:
Web程序 时间:
2020-02-22 12:20:40
阅读次数:
142
最近发现一个问题, 、`MouseEvent.clientY`获取到的坐标点是以当前body的左上角为 坐标原点 ,若body含有水平滚动条或垂直滚动条时,左上角还是 坐标原点 。 入下图所示,不管水平滚动条或垂直滚动条怎么移动时,以左上角的那个点为 坐标原点 在网上找了找,发现只有关于 的介绍,然 ...
分类:
其他好文 时间:
2020-01-23 22:43:56
阅读次数:
96