window对象的常见事件 .resize { width: 200px; height: 200px; background-color: pink; } // js若写在文档开头，由于页面加载从上至下，js不生效 // var btn = document.querySelector('button'); // btn.addEventListener('click', function() { // alert('哼~'); // }) // 使用window.onloa...

BOM概述 BOM概述# 什么是BOM# BOM(Browser Object Model)即 浏览器对象模型 ，它提供了独立于内容而与 浏览器窗口进行交互的对象 ，其核心对象是window。 BOM由一系列相关的对象构成，并且每个对象都提供了很多方法和属性。 BOM缺乏标准（兼容性较差），JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape（网景）浏览器标准的一部...

常用键盘事件 常用键盘事件# 事件除了使用鼠标触发，还可以使用键盘触发 键盘事件 触发条件 onkeyup 某个键盘按键被松开时触发 onkeydown 某个键...

常用鼠标事件 常用的鼠标事件# 鼠标事件 触发条件 onclick 鼠标点击左键 ...

事件委托（代理、委派） 事件委托# 事件冒泡本身的特性，会带来坏处， 也有好处 ，需灵活掌握。 问题# eg:一班有100个学生，快递员有100个快递，若一个个送则花费时间较长，同时每位学生领取时，也需要排队领取，也花费较长时间，怎么办？ 解决方案：快递员把100个快递， 委托 给班主任，班主任把这些快递放到办公室，同学们下...

阻止事件冒泡(重要) .father { width: 100px; height: 100px; margin: 10px auto; background-color: pink; } .father, .son { display: flex; flex-direction: column; justify-content: center; align-items: center; } .son { width...

事件对象 .obj { width: 100px; height: 100px; background-color: pink; } 事件对象# 什么是事件对象# 官方解释：event对象代表事件的状态，比如键盘按键的状态、鼠标的位置、鼠标按钮的状态。 简单理解：事件发生后， 跟事件相关的一系列信息数据的集合 都放到这个对象里面，这个对象就是 ...

DOM事件流 .father { width: 200px; height: 200px; margin: 0 auto; background-color: var(--pink); } .father, .son { display: flex; flex-direction: column; align-items: center; justify-content: center; } .son { ...

2.删除事件(解绑事件) .flexRow { display: flex; flex-direction: row; justify-content: center; align-items: center; } .flexRow div { width: 100px; height: 100px; margin: 10px; padding: 10px; background-color: pink; /* 强制文字换行 */ ...

1.注册事件(绑定事件) 注册事件# 注册事件概述# 给元素添加事件，称为 注册事件 或者 绑定事件 注册事件有两种方式： 传统方式和方法监听注册方式 ...