2019-12-02

口号：这是第一次，这是第二次，没有第三次。

event 事件

js里面的事件：

当 ... 触发一个事件函数。

1. dom上元素上面添加事件

2. 直接使用事件

3. 事件监听，高级用法

Position的属性值有：

1. Absolute：绝对定位，是相对于最近的且不是static定位的父元素来定位
   

2. Fixed：绝对定位，是相对于浏览器窗口来定位的，是固定的，不会跟屏幕一起滚动。
   

3. Relative：相对定位，是相对于其原本的位置来定位的。
   

4. Static：默认值，没有定位。
   

5. Inherit：继承父元素的position值。
   

一、clientX、clientY
点击位置距离当前body可视区域的x，y坐标

二、pageX、pageY
对于整个页面来说，包括了被卷去的body部分的长度

三、screenX、screenY
点击位置距离当前电脑屏幕的x，y坐标

四、offsetX、offsetY
相对于带有定位的父盒子的x，y坐标
https://img-blog.csdn.net/20180612002242162?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTM0MjU4NQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70

口号：这是第一次，这是第二次，没有第三次。

event 事件

js里面的事件：

当 ... 触发一个事件函数。

1. dom上元素上面添加事件

2. 直接使用事件

3. 事件监听，高级用法

event对象

还有很多事件，以后自己用到的话，自己找。

onclick 鼠标点击

ondblclick 鼠标双击

onmouseover 鼠标划过

onmouseout 鼠标移除

onmouseenter 鼠标移入

onmouseleave 鼠标离开

onmousemove 鼠标移动

event.button 检测鼠标

onkeydown 键盘按下

onkeyup 键盘抬起

onkeypress 键盘按住

onfocus 获取焦点

onblur 表单项失去焦点

onchange 表单值被改变

onselect 被选中

onsubmit 表单提交

冒泡与捕获

document.onclick = function (event){
event=event||window.event;
}