菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 李虎跃20221213 [打印本页]

作者: 李维尼 时间: 2023-1-5 23:40
标题: 李虎跃20221213
一、今日学习内容
dom&bom
      事件深入、注册事件的两种方式
            事件是发生在浏览器中的操作，可以由浏览器本身或者用户发起。
            常见的事件
                     文档加载事件：window.onload=function(){ }
                     用户点击事件：dom.onclick=function(){ }  或dom.addEventLinstener('click'，事件处理函数)
                     键盘事件
                              键盘抬起事件keyup
                              键盘按下事件keydown
                     表单事件
                              input
                              change事件常发生于select中
                     鼠标事件
                              鼠标点击事件
                              鼠标移入移出事件
      事件委托
            事件委托也叫作事件委派、事件代理事件：将事件绑定给父级元素
            主要针对动态生成的标签绑定不上事件时使用
      删除事件
            传统方式：onclick=null;
            事件监听方式：removeEventLinstener（‘事件类型’，事件处理函数的名称）；
            注意：使用事件监听的方式删除事件时，要使用命名函数，因为要将函数名作为参数上传给删除事件的事件监听
      事件流
            元素不是独立的，而是串在一起的
            每个元素触发事件之后还会影响其他元素
            事件流的方式
                     事件冒泡：第三个参数省略或为false时，执行事件冒泡，即事件触发时其父级元素按从小到大的顺序被依次触发
                     事件捕获：第三个参数为true时，执行事件捕获，即事件触发时其父级元素按从大到小的顺序依次触发
      阻止默认事件
            e.stopPropagation()
                     阻止冒泡与捕获
            e.preventDefault()
                     阻止右键菜单栏行为
                     禁止选中文字行为
                     阻止a标签的默认跳转事件

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)