JavaScript——JS事件代理（个人学习）

最新推荐文章于 2024-06-10 17:00:16 发布

阿彤の小铃铛

最新推荐文章于 2024-06-10 17:00:16 发布

阅读量387

点赞数 2

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_47295135/article/details/109800446

版权

文章目录

前言
一、JS事件代理
- 1.是什么
- 2.主要目的
总结
- 3.授课代码示例

前言

把子元素的事件传给父元素去做，原理就是事件冒泡

一、JS事件代理

1.是什么

JS事件代理就是通过给父级元素（例如：ul）绑定事件，不给子级元素(例如：li)绑定事件，然后当点击子级元素时，通过事件冒泡机制在其绑定的父元素上触发事件处理函数

2.主要目的

主要目的是为了提升性能，因为我不用给每个子级元素绑定事件，只给父级元素绑定一次就好了,在原生js里面是通过event对象的targe属性实现

在这里插入图片描述

原生JS代码如下

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head

最低0.47元/天解锁文章

阿彤の小铃铛

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
JavaScript——JS事件代理（个人学习）

文章目录前言一、JS事件代理1.是什么2.主要目的总结3.授课代码示例前言把子元素的事件传给父元素去做，原理就是事件冒泡一、JS事件代理1.是什么JS事件代理就是通过给父级元素（例如：ul）绑定事件，不给子级元素(例如：li)绑定事件，然后当点击子级元素时，通过事件冒泡机制在其绑定的父元素上触发事件处理函数2.主要目的主要目的是为了提升性能，因为我不用给每个子级元素绑定事件，只给父级元素绑定一次就好了,在原生js里面是通过event对象的targe属性实现原生JS代码如下<!D
复制链接

扫一扫