js事件机制

js事件机制

事件源：发生事件的组件。比如button。

事件本身:发生了什么事件。比如单击,键盘事件

事件处理:在事件源上发生事件如何响应。处理:事件绑定，事件监听和事件委托。

事件类型

1.ui事件：用户和页面上的元素直接交互

2.onload:页面元素(包括外部元素)加载完成时触发。

鼠标事件

1.onclick:鼠标单击时触发

2.dblclick:鼠标被双击时触发

3.mouseover:鼠标移入时触发

4.mouseout:鼠标移出时触发

5.mousedown:鼠标按下时触发

6.mouseup:鼠标抬起时触发

焦点事件

1.focus:获取到焦点时触发

2.blur:失去焦点时触发

键盘事件

1.keyup:键盘抬起时触发

2.keydown：键盘按下时触发

3.keypress：可打印字符的按下事件

其他事件

1.onchange：内容改变时触发

2.onselect：文本被选择时触发

3.onsubmit：表单被提交时触发