JavaScript程序设计第五章事件处理.pptxVIP

JavaScript程序设计与应用 事件处理 目 录事件处理方式事件对象事件处理高级应用事件概述 目 录事件处理方式事件对象事件处理高级应用事件概述 一、什么是事件事件概述 事件是指用户载入目标页面直到该页面被关闭期间浏览器的动作及该页面对用户操作的响应。二、事件三要素1、事件源（浏览器或页面元素)：浏览器、body、p等。 2、事件触发类型（动作）: 浏览器事件如浏览器载入文档事件onload、关闭该文档事件onunload、浏览器失去焦点事件onblur、获得焦点事件onfocus 等。HTML 元素事件如点击按钮、拖动图片等。3、事件处理程序（响应）:事件处理器是与特定的文本和特定的事件相联系的 JavaScript 脚本代码，当该文本发生改变或者事件被触发时，浏览器执行该代码并进行相应的处理操作，而响应某个事件而进行的处理过程称为事件处理。 目 录事件处理方式事件对象事件处理高级应用事件概述 一、注册事件方式内置函数事件处理方式给元素添加事件称为注册事件或绑定事件，注册事件有两种方式：传统方式和绑定事件侦听器1、传统方式利用on开头的事件 onclick缺点：同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数。2、绑定事件侦听器利用addEventListener(type，listener[,useCapture