WebAPIs第二天Dom事件基础多一句没有，少一句不行，用最短时间，教会最实用的技术！高级软件人才培训专家学习目标LearningObjectives1.掌握事件绑定处理和事件对象，完成常见网页交互多一句没有，少一句不行，用最短时间，教会最实用的技术！高级软件人才培训专家目录Contents事件监听（绑定）事件类型事件对象环境对象回调函数综合案例多一句没有，少一句不行，用最短时间，教会最实用的技术！高级软件人才培训专家事件监听（绑定）•事件监听•拓展阅读-事件监听版本01多一句没有，少一句不行，用最短时间，教会最实用的技术！高级软件人才培训专家1.1事件监听目标：能够给DOM元素添加事件监听什么是事件？事件是在编程时系统内发生的动作或者发生的事情比如用户在网页上单击一个按钮什么是事件监听？就是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数做出响应，也称为绑定事件或者注册事件比如鼠标经过显示下拉菜单，比如点击可以播放轮播图等等多一句没有，少一句不行，用最短时间，教会最实用的技术！高级软件人才培训专家1.1事件监听语法：事件监听三要素：事件源：那个dom元素被事件触发了，要获取dom元素事件类型：用什么方式触发，比如鼠标单击click、鼠标经过mouseover等事件调用的函数：要做什么事多一句没有，少一句不行，用最短时间，教会最实用的技术！高级软件人才培训专家1.1事件监听举例说明注意：1.事件类型要加引号2.函数是点击之后再去执行，每次点击都会执行一次多一句没有，少一句不行，用最短时间，教会最实用的技术！高级软件人才培训专家总结总结1.什么是事件监听？就是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数做出响应，也称为注册事件2.事件监听三要素是什么？事件源(谁被触发了)事件类型(用什么方式触发，点击还是鼠标经过等)事件处理程序（要做什么事情）多一句没有，少一句不行，用最短时间，教会最实用的技术！高级软件人才培训专家案例京东点击关闭顶部广告需求：点击关闭之后，顶部关闭分析：①：点击的是关闭按钮②：关闭的是父盒子核心：利用样式的显示和隐藏完成，display:none隐藏元素display:block显示元素多一句没有，少一句不行，用最短时间，教会最实用的技术！高级软件人才培训专家案例随机点名案例多一句没有，少一句不行，用最短时间，教会最实用的技术！高级软件人才培训专家步骤•随机点名案例业务分析：①点击开始按钮...
