javascript事件冒泡实例分析

作者：永远爱好写程序时间：2023-07-02 05:29:58　

本文实例讲述了javascript事件冒泡。分享给大家供大家参考。具体分析如下：

事件冒泡：

如果元素A嵌套在元素B中，那么A被点击不仅A的onclick事件会被触发,B的onclick也会被触发，

触发的顺序是"由内而外".验证:在页面上添加一个table,table里有tr,tr里有td,td里放一个p,

在p,td,tr,table中添加事件响应

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>事件冒泡</title>
</head>
<body onclick="alert('body click');">
<table onclick="alert('table click');">
<tr onclick="alert('tr click');">
<td onclick="alert('td click');">
<input type="button" value="单击我"
onclick="alert('button click');" />
</td>
</tr>
</table>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

标签：javascript,事件,冒泡

投稿

javascript事件冒泡实例分析

猜你喜欢

php mysql PDO 查询操作的实例详解

python运行cmd命令行的3种方法总结

python 爬取京东指定商品评论并进行情感分析

详解pycharm的python包opencv（cv2）无代码提示问题的解决

python 浮点数四舍五入需要注意的地方

JS原型继承四步曲及原型继承图一览

vue2.0 解决抽取公用js的问题

PyQt与pycharm的结合使用教程

Python中如何将Tqdm与Asyncio结合使用呢

sql中的 where 、group by 和 having 用法解析

Python Queue模块详细介绍及实例

pandas对指定列进行填充的方法

HTML+CSS 模仿Windows 7 桌面效果

“语法错误 (逗号) 在查询表达式id=20, 21”，怎么处理这个逗号？

详解vue-cli项目中怎么使用mock数据

深入浅析Python 命令行模块 Click

Python中for后接else的语法使用

Python3爬取英雄联盟英雄皮肤大图实例代码

sqlserver中在指定数据库的所有表的所有列中搜索给定的值

python学习之panda数据分析核心支持库