鼠标，键盘，表单元，框架/对象，移动端，事件对象

事件 是 浏览器的一种行为，也可以是用户行为 ，发生在HTML元素上的事情

鼠标事件

      😜😜😜😜

1. onclick：点击
2. onmouseover：鼠标移到某元素之上
3. onmouseout：鼠标从某元素移开。
4. onmouseenter：事件在鼠标指针移动到元素上时触发。
5. onmousemove：事件会在鼠标指针移动时发生。
6. ondblclick：当双击鼠标按钮时执行一段
7. onmouseleave：鼠标进入到指定元素区域内触发事件，不支持冒泡，不包含子元素的区域。
8. onmousedown：鼠标按下
9. onmmouseup：鼠标抬起
10. onmousewheel：鼠标滚轮滚动

键盘事件

     😎😎😎😎

1. onkeydown：当键盘按下时，触发的事件;获取到上一次的值
2. onkeyup：当键盘抬起获取到最新的值
3. onkeypress 事件会在键盘按键被按下并释放一个键时发生。
   a. 提示：与 onkeypress 事件的关联的事件发生次序:
   ⅰ. onkeydown
   ⅱ. onkeypress
   ⅲ. onkeyup
   b. 注意： 在所有浏览器中 onkeypress 事件不是适用于所有按键(如： ALT, CTRL, SHIFT, ESC)。监听一个用户是否按下按键请使用 onkeydown 事件,所有浏览器都支持 onkeydown 事件。

表单元素事件

     😉😉😉😉

1. onfocus：获得焦点时
2. onblur：失去鼠标焦点
3. onchange：当鼠标离开input框，并且input框中的内容发上改变, , , 和
4. oninput：当input框每改变一次，都会执行一次
5. onreset 表单重置时触发
6. onsearch 用户向搜索域输入文本时触发，<input=“search”>
7. onselect 用户选取文本时触发， 和
8. onsubmit 表单提交时触发

框架/对象（Frame/Object）事件

        😊😊😊😊

1. window.onload：加载成功时
2. window.onresize 当前窗口尺寸发生改变时触发
3. window.onscroll 滚动条滚动时触发
4. DOMContentLoaded: 只要页面中的DOM结构加载完成后就可以触发
   a. document.addEventListener(‘DOMContentLoaded’, function () { console.log(‘DOM结构加载完成了’)});
5. onbeforeunload 该事件在即将离开页面（刷新或关闭）时触发 2
6. onpageshow 该事件在用户访问页面时触发
7. onpagehide 该事件在用户离开当前网页跳转到另外一个页面时触发
8. onunload 用户退出页面。 ( 和 )

移动端事件

   😁😁😁😁

1. 移动端使用 click 大概有 300ms 的延迟

2. touch类事件

a. ontouchstart：手指触摸到屏幕会触发
b. ontouchmove：当手指在屏幕上移动时，会触发
c. ontouchend：当手指离开屏幕时，会触发

3. tap类事件

a. ontap: 手指碰一下屏幕会触发
b. onlongTap: 手指长按屏幕会触发
c. ondoubleTap: 手指双击屏幕会触发

4. swipe类事件

a. onswipe：手指在屏幕上滑动时会触发
b. onswipeLeft：手指在屏幕上向左滑动时会触发
c. onswipeRight：手指在屏幕上向右滑动时会触发
d. onswipeUp：手指在屏幕上向上滑动时会触发
e. onswipeDown：手指在屏幕上向下滑动时会触发

事件对象

  😜😜😜😜😜

1. clientX:当前鼠标点击的位置距离可视窗口左边的距离
2. clientY:当前鼠标点击的位置距离可视窗口上边的距离
3. offsetX:当前鼠标点击的位置距离盒子左边框的距离
4. offsetY:当前鼠标点击的位置距离盒子上边框的距离
5. pageX：当前鼠标点击的位置旨距离页面左边框的距离
6. pageY:当前鼠标点击的位置旨距离页面上边框的距离
7. target:事件源，事件在哪个元素上触发，事件源就是谁
8. type:事件类型（‘click’）
9. e.cancelBubble=true：取消时间默认的冒泡传播
10. e.stopPropagation():IE8及以下不兼容
11. a标签的点击默认跳转就是a的默认行为，如果为a标签添加一个 点击事件，会先执行点击事件里的东西再跳转
12. e.preventDefault()阻止事件的默认行为，IE8及以下不兼容
13. e .returnValue=false:阻止默认跳转，IE8及以下兼容
14. key 在按下按键时返回按键的标识符。
15. keyCode 返回onkeypress事件触发的键的值的字符代码，或者 onkeydown 或 onkeyup 事件的键的代码。

希望各位小伙伴多多提点意见😜😁😊😉😎