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

标题: 2022-12-13 王嘉乐 [打印本页]

作者: yousay！ 时间: 2023-1-5 18:33
标题: 2022-12-13 王嘉乐
1.事件深入、注册事件的两种方式、
事件是发生在浏览器中的操作，可以由浏览器本身或者用户发起。

常见的事件：
文档加载事件----window.onload=function(){ }
用户点击一个按钮----点击事件  dom.onclick=function(){}  dom.addEventLinstener('click',事件处理函数);
键盘事件
表单事件
鼠标事件：点击事件，鼠标的移入移除事件
```

# 2. 事件委托

也叫事件委派，事件代理：事件绑定给父级元素

针对js动态生成的标签，绑定不上事件

# 3.删除事件

```javascript
传统：onclick=null;
监听：removeEventListener('事件类型',事件处理函数的名称);
```

# 4. 事件流

```javascript
元素不是独立的，是串联在一起的
每个元素触发时间以后还会影响其他元素
事件流的方式：事件冒泡，事件捕获

document.addEventListener('contextmenu', function (e) {
         console.log(1111);
         // 阻止右键菜单栏的默认行为
         e.preventDefault();
      })

document.addEventListener('selectstart', function (e) {
         console.log(11111);

         e.preventDefault();
      })

```

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