WebApi入门第三章（事件介绍及注册事件 ）

• 事件源：什么元素（div）

• 事件类型：什么时刻（鼠标点击onclick 鼠标移入：onmouseover）

• 事件处理函数：做什么事（一段代码：函数）

• 3.注册事件:本质是给元素属性赋值

• 事件源.事件类型 = 事件处理函数

• box.onclick = function(){}

• 4.事件工作原理

• a.事件在注册的时候，不会执行（函数在声明的时候不会执行）

• b.一旦元素注册事件之后，当用户触发了这个事件的时候，浏览器会自动捕捉到这个事件，然后帮我们调用元素对象的事件处理函数

• 5.页面中 任何元素 都可以注册 很多个事件(点击，移入等)

禁用/启用按钮小练习

---

需求

1. 点击启用按钮，所有 的input都可以使用：disabled = false

2. 点击禁用按钮，所有 的input都不能使用：disabled = true

/*

禁用 思路分析

1. 事件源： 禁用按钮 #jy

2. 事件类型： 点击 onclick

3. 事件处理

3.1 获取所有input元素：querySelectorAll(‘input’)

3.2 遍历取出每个input

3.3 给每个input 加上disabled属性 值为true

*/

效果图 ：

---

启用

禁用

完整代码

---

---

启用

禁用

上一章：WebApi入门第二章（获取操作页面元素 ）

下一章：WebApi入门第四章（多选框小练习 ）

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后的最后

面试题千万不要死记，一定要自己理解，用自己的方式表达出来，在这里预祝各位成功拿下自己心仪的offer。
需要完整面试题的朋友可以点击蓝色字体免费获取

面试题千万不要死记，一定要自己理解，用自己的方式表达出来，在这里预祝各位成功拿下自己心仪的offer。
需要完整面试题的朋友可以点击蓝色字体免费获取

[外链图片转存中…(img-Ii7vv191-1713581065836)]

[外链图片转存中…(img-AYyBQJcB-1713581065836)]

[外链图片转存中…(img-zTc03Ko0-1713581065836)]

[外链图片转存中…(img-XoKSVvD6-1713581065836)]