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

标题: 张建斌-2022-12-13 [打印本页]

作者: IT5353    时间: 2023-2-9 19:35
标题: 张建斌-2022-12-13
一、今日学习内容
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/) Powered by Discuz! X3.4