33388

---

3.元素天生自带的事件？

* [鼠标事件]

* click：点击 (PC端是点击，移动端的click代表单击[移动端使用click会有300MS延迟的问题])

* dblclick：双击

* mouseover：鼠标经过

* mouseout：鼠标移出

* mouseenter：鼠标进入

* mouseleave：鼠标离开

* mousemove：鼠标移动

* mousedown：鼠标按下（鼠标左右键都起作用，它是按下即触发，click是按下抬起才会触发，而且是先把down和up触发，才会触发click）

* mouseup：鼠标抬起

* mousewheel：鼠标滚轮滚动

* ...

*

* [键盘事件]

* keydown：键盘按下

* keyup：键盘抬起

* keypress：和keydown类似，只不过keydown返回的是键盘码，keypress返回的是ASCII码值

* input：由于PC端有实体物理键盘，可以监听到键盘的按下和抬起，但是移动端是虚拟的键盘，所以keydown和keyup在大部分手机上都没有，我们使用input事件统一代替他们（内容改变事件）

* ...

*

* [表单元素常用的事件]

* focus：获取焦点

* blur：失去焦点

* change：内容改变

* ...

*

* [其它常用事件]

* load：加载完成

* unload

* beforeunload

* scroll：滚动条滚动事件

* resize：大小改变事件 window.οnresize=function(){} 当浏览器窗口大小发生改变，会触发这个事件，执行对应的事情

* ...

*

* [移动端手指事件]

* [touch：单手指操作]

* touchstart：手指按下

* touchmove：手指移动

* touchend：手指离开

* touchcancel：因为意外情况导致手指操作取消

*

* [gesture：多手指操作]

* gesturestart：手指按下

* gesturechange：手指改变

* gestureend：手指离开

* ...

*

* [H5中的AUDIO/VIDEO音视频事件]

* canplay：可以播放（播放过程中可能出现由于资源没有加载完成，导致的卡顿）

* canplaythrough：资源加载完成，可以正常无障碍播放

* ...

*/

// box.onclick = function () {

// console.log('click');

// };

// box.onmousedown = function () {

// console.log('down');

// };

// box.onmouseup = function () {

// console.log('up');

// };

//

// tempInp.onkeydown = function () {

// console.log('ok');

// };