事件分类讲解.pptVIP

JavaScript前端开发河北正定师范高等专科学校

本节任务任务描述事件分类以及应用事件分类

事件分类事件源：是指发生事件的DOM元素。JS事件编程的三要素事件：指的是发生的动作，比如鼠标的单击双击以及移动等操作。当事件发生时会自动生成包含事件信息的事件对象。监听器：指事件发生时所执行的代码，即事件处理程序。

事件分类onload事件：用于body内所有标签都加载完成后才触发，又因其无需考虑页面加载顺序的问题，常常在开发具体功能时添加。unload事件：用于页面关闭时触发，经常用于清除引用，避免内存泄漏时使用。页面事件

事件分类焦点事件在web开发中，焦点事件多用于表单验证功能，是最常用的事件之一。焦点事件会在页面元素获得或失去焦点的时候触发。

事件分类焦点事件属性描述focus当元素获得焦点时触发。这个事件不冒泡，所有浏览器都支持blur当元素失去焦点时触发。这个事件不冒泡，所有浏览器都支持

事件分类焦点事件属性描述blur当元素失去焦点时触发。这个事件不冒泡，所有浏览器都支持focus当元素获得焦点时触发。这个事件不冒泡，所有浏览器都支持

事件分类焦点事件

事件分类焦点事件

事件分类鼠标事件切换Tab栏显示内容鼠标拖拽状态栏调整显示位置

事件分类鼠标事件事件名称事件触发时机click按下并释放任意鼠标按键时触发dbclick当鼠标双击时触发mouseover当鼠标进入时触发mouseout当鼠标离开时触发change当内容改变时触发，一般多用于select对象mousedown当按下任意鼠标按键时触发mouseup当释放任意鼠标按键时触发mousemove在元素内当鼠标移动时持续触发

常用鼠标属性，用来获取当前鼠标的位置信息事件分类鼠标事件位置属性（只读）描述clientX鼠标指针位于浏览器页面当前窗口可视区水平坐标（x轴坐标）clientY鼠标指针位于浏览器页面当前窗口可视区垂直坐标（y轴坐标）pageX鼠标指针位于文档的水平坐标（x轴坐标），IE6~8不兼容pageY鼠标指针位于文档的垂直坐标（y轴坐标），IE6~8不兼容screenX鼠标指针位于屏幕的水平坐标（x轴坐标）screenY鼠标指针位于屏幕的垂直坐标（y轴坐标）

事件分类鼠标事件

事件分类键盘事件用户在使用键盘时触发的事件。用户按Esc键关闭打开的状态栏。按Enter键直接完成光标的上下切换。

事件分类键盘事件keypress事件保存的按键值是ASCII码。keydown和keyup事件保存的按键值是虚拟键码。事件名称事件触发时机keypress键盘按键(Shift、Fn、CapsLock等非字符键除外）按下时触发keydown键盘按键按下时触发keyup键盘按键弹起时触发

事件分类表单事件表单事件指的是对Web表单操作时发生的事件。表单提交前对表单的验证。表单重置时的确认操作。

事件分类表单事件submit事件的实现通常要绑定到form标签上，在用户单击submit按钮提交表单时触发。事件名称事件触发时机submit当表单提交时触发reset当表单重置时触发reset事件用于单击重置按钮时触发。这两个事件的返回值若是false则会取消默认的操作，否则将执行默认操作。

事件分类表单事件

小结页面事件焦点事件鼠标事件键盘事件表单事件