Event属性和方法：1. type：事件的类型，如onlick中的click；2. srcElement/target：事件源，就是发生事件的元素；3. button：声明被按下的鼠标键，整数，1代表左键，2代表右键，4代表中键，如果按下多个键，酒把这些值加起来，所以3就代表左右键同时按下；（fi ...
分类：
编程语言 时间：
2018-10-08 13:30:23
阅读次数：
1209
大概是CSS3吧,出了一个叫CSS变量的东西，也叫自定义属性，还是比较有用的东东，可以用JavaScript灵活控制，变量作用 我们来实现一个div跟随鼠标滚动的小东西用来说明如何自定义变量 HTML代码如下： JavaScript代码，我们来写一段监听，处理变量值 这样就实现了我们想要的效果，当然 ...
分类：
Web程序 时间：
2018-09-30 16:50:56
阅读次数：
190
event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.clientY，但它们使用的 ...
分类：
其他好文 时间：
2018-09-29 19:21:36
阅读次数：
158
关于offsetX、offsetY、clientX、clientY、pageX、pageY、screenX、screenY的区别 offsetX、offsetY: 鼠标相对于事件源元素（srcElement）的X,Y坐标 clientX、clientY: 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗 ...
分类：
其他好文 时间：
2018-09-28 23:30:02
阅读次数：
358
引言： 上次弄了图片放大镜效果（图片放大镜原来是这么回事），当时用到了clientX clientY 后来查询了一下这两个属性，发现居原来还可以用来做简单的拖拽。实现原理与放大镜那里一样，改变left 与top 的数值让 div 移动。 ps： demo 演示平台又挂了，暂时不能演示demo x效果 ...
分类：
其他好文 时间：
2018-09-26 13:01:32
阅读次数：
178
screenX/Y：鼠标位置相对于屏幕的坐标 pageX/Y：相对于文档边缘（包含滚动条距离） clientX/Y：相对于当前页面且不包含滚动条距离 offsetX/Y：相对于当前元素（块或行内块），除safari外不包含边框。 其他： X/Y：与clientX/Y相同，firefox不支持 lay ...
分类：
Web程序 时间：
2018-09-20 21:23:39
阅读次数：
216
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>页面无任何操作30秒后退出</title> <script lan ...
分类：
其他好文 时间：
2018-09-13 16:36:41
阅读次数：
197
transitionend 过渡结束之后会触发的事件anmationend TouchEventTouchEvent是一类描述手指在触摸平面上的状态变化的事件1.事件touchstart 手指按下的事件 mousedowntouchmove 手指移动的事件 mousemovetouchend 手指抬 ...
分类：
其他好文 时间：
2018-09-09 12:05:24
阅读次数：
137
1.具体含义见下图1 2.浏览器的兼任情况 ...
分类：
其他好文 时间：
2018-09-08 20:04:04
阅读次数：
2277
