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,事件,冒泡
0
投稿猜你喜欢
python 性能提升的几种方法
2022-05-21 06:38:18
Python常用GUI框架原理解析汇总
2021-05-02 05:13:35
使用javascript修复浏览器中12个常见而又头痛的问题
2008-10-28 19:38:00
Python真题案例之小学算术 阶乘精确值 孪生素数 6174问题详解
2022-12-02 11:09:33
OpenCV+python实现膨胀和腐蚀的示例
2021-06-12 10:35:00
Google Chrome的hack写法以及CSS的支持程度
2008-09-04 12:28:00
python通过re正则表达式切割中英文的操作
2021-11-29 04:41:23
Python语言实现机器学习的K-近邻算法
2023-04-25 02:09:58
Python的地形三维可视化Matplotlib和gdal使用实例
2021-05-26 13:35:30
sqlserver 修改列名及表名的sql语句
2012-07-11 15:58:46
python黑魔法之编码转换
2022-08-11 10:03:41
Google的YSlow——Page Speed（附插件下载)
2009-09-27 12:40:00
基于fastapi框架的异步解读
2022-12-19 21:45:24
MySql学习心得之存储过程
2024-01-14 19:57:08
部署Python的框架下的web app的详细教程
2022-06-03 08:20:57
asp如何设置cookie的过期时间
2008-02-29 13:36:00
PHP使用星号隐藏用户名,手机和邮箱的实现方法
2023-11-05 10:41:56
Python股票数据可视化代码详解
2021-11-29 15:48:47
Python中使用装饰器和元编程实现结构体类实例
2023-04-17 17:44:36
使用MySQL的geometry类型处理经纬度距离问题的方法
2024-01-21 15:44:06