AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

JavaScript—事件函数

2021-11-13 142
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： JavaScript—事件函数

汇总表格

image.png

事件对象

当事件的响应函数被触发时，浏览器每次都会将一个事件对象作为实参，传递进响应函数，在事件对象中封装了当前对象的一切信息，比如：鼠标的坐标，当前键盘按下了那个键，鼠标滚动的方向等等。

image.png

事件冒泡

什么是事件冒泡？

所谓的事件冒泡，指的是触发了内部事件，造成外部事件也跟着一起触发了。

取消事件冒泡

event.cancelBubble = true;
复制代码

事件的委派

定义： 指将事件统一绑定给元素的共同的祖先元素，这样后代元素的事件触发时，会一直冒泡到祖先元素，从而通过祖先元素的响应函数来处理事件。事件委派是利用了冒泡，通过委派可以减少事件的绑定次数，提高程序的性能。


文章标签：
JavaScript
前端开发
关键词：
JavaScript事件
JavaScript函数
JavaScript事件函数
答案命运
目录
相关文章
Li370234940
|
2月前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
Li370234940
41 3
进步`于辰
|
1月前
|
JavaScript 前端开发 Java
[JS]同事：这次就算了，下班回去赶紧补补内置函数，再犯肯定被主管骂
本文介绍了JavaScript中常用的函数和方法，包括通用函数、Global对象函数以及数组相关函数。详细列出了每个函数的参数、返回值及使用说明，并提供了示例代码。文章强调了函数的学习应结合源码和实践，适合JavaScript初学者和进阶开发者参考。
进步`于辰
42 2
[JS]同事：这次就算了，下班回去赶紧补补内置函数，再犯肯定被主管骂
龙大吉
|
28天前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧，涵盖 DOM 获取、修改、创建、删除元素的方法，事件处理，性能优化及与其他前端技术的结合，助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧，涵盖 DOM 获取、修改、创建、删除元素的方法，事件处理，性能优化及与其他前端技术的结合，助你构建动态交互的网页应用。
龙大吉
41 5
大树营养快线
|
1月前
|
前端开发 JavaScript 开发者
除了 Generator 函数，还有哪些 JavaScript 异步编程解决方案？
【10月更文挑战第30天】开发者可以根据具体的项目情况选择合适的方式来处理异步操作，以实现高效、可读和易于维护的代码。
大树营养快线
37 2
dufadayang
|
2月前
|
存储 JavaScript 前端开发
js事件队列
【10月更文挑战第15天】
dufadayang
51 6
游客44yag4ft7nckq
|
2月前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块，可在调用时执行特定任务。函数可以无参或带参，参数用于传递值并在函数内部使用。函数调用可在事件触发时进行，如用户点击按钮。JavaScript 对大小写敏感，函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
游客44yag4ft7nckq
25 1
德国都芳最好
|
2月前
|
存储 JavaScript 前端开发
JS函数提升 变量提升
【10月更文挑战第6天】函数提升和变量提升是 JavaScript 语言的重要特性，但它们也可能带来一些困惑和潜在的问题。通过深入理解和掌握它们的原理和表现，开发者可以更好地编写和维护 JavaScript 代码，避免因不了解这些机制而导致的错误和不一致。同时，不断提高对执行上下文等相关概念的认识，将有助于提升对 JavaScript 语言的整体理解和运用能力。
德国都芳最好
22 1
神明木佑
|
2月前
|
JavaScript 前端开发
js教程——函数
js教程——函数
神明木佑
44 4
神明木佑
|
2月前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
神明木佑
21 2
小强在此
|
2月前
|
JavaScript 前端开发 Java
【javaScript数组，函数】的基础知识点
【javaScript数组，函数】的基础知识点
小强在此
28 5