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

标题: 王文博-20221215-day04 [打印本页]

作者: 博5237 时间: 2023-1-5 18:19
标题: 王文博-20221215-day04
一、今日学习内容
1.事件深入、注册事件的两种方式、删除事件
事件是发生在浏览器中的操作，可以游浏览器本身或者用户发起
常见的事件；
文档加载事件---window.onload=function(){}
用户点击一个按钮---点击事件，dom.onclick=function(){}
dom.addEventLinstener('click',事件处理函数)
键盘事件
表单事件
鼠标事件：点击事件，鼠标的移入移出
2.事件委托
也叫事件委派，事件代理：事件绑定给父级元素
针对js动态生成的标签，绑定不上事件
3.删除事件
传统：onclick=null
监听：removeEventListener('事件类型'，事件处理函数的名称)
# 4.事件流
元素不是独立的，是串联在一起的
每个元素触发事件以后还会影响其他元素
事件流的方式：事件冒泡，事件捕获
5.阻止默认事件
阻止默认事件：e.stopPropagation();
e.stopPropagation();阻止事件冒泡
这是一个方法，需要带上小括号来调用
阻止标签默认事件： e.preventDefault();
阻止a标签的默认跳转事件
阻止右键菜单栏的默认行为：
   document.querySelector('#box').addEventListener('ContentMenu', function(e) {
         //阻止右键菜单栏的默认行为
         e.preventDefault();
      })；

二、今日问题
无

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