什么是事件，以及事件的使用与处理程序

最新推荐文章于 2022-03-06 23:02:12 发布

Yㅤ

最新推荐文章于 2022-03-06 23:02:12 发布

阅读量2.5k

点赞数 3

文章标签： javascript

本文链接：https://blog.csdn.net/hanbic/article/details/107298327

版权

本文详细介绍了JavaScript中的事件，包括事件的概念、事件绑定的三种方式（行内绑定、动态绑定、事件监听）、事件流的三个阶段（捕获、目标、冒泡）以及DOM事件流。此外，还探讨了如何阻止事件冒泡和使用addEventListener方法注册事件处理程序。

摘要由CSDN通过智能技术生成

1.HTML 事件是发生在 HTML 元素上的事情。
当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。
简单的说就是 js和html之间交互的触发点。
2.事件的分类

    窗口

    焦点

    鼠标

    键盘

在这里插入图片描述

在Javascript中，事件绑定一共有3种方式：

① 行内绑定

② 动态绑定

③ 事件监听
1、行内绑定

基本语法：

<标签 属性列表 事件=”事件的处理程序” />

< input type=’button’ onclick=’display()’ />

以上代码就是最典型的行内绑定，虽然可以完成我们需要的功能，但是其把结构+样式+行为都绑定在同一个标签中，不利于后期维护。

2.动态绑定
基本语法：
dom对象.事件 = 事件的处理程序（通常是一个匿名函数）
行内绑定与动态绑定的区别
在Javascript中，有一个特殊对象叫做thisÿ

关注