JavaScript事件冒泡

来源：Ruby's Louvre 时间：2009-12-28 13:21:00　

检测submit事件的冒泡情况：

<!doctype html><html dir="ltr" lang="zh-CN" onsubmit="alert('能冒泡到html元素')"> <head id="head"> <meta charset="utf-8"/> <title>事件冒泡 by司徒正美</title> </head> <body onsubmit="alert('能冒泡到body元素')"> <div onsubmit="alert('能冒泡到form元素的父元素')"> <form onsubmit="alert('能冒泡到form元素')"> <button type="submit">提交</button> <input type="submit" value="提交"> </form> </div> </body></html>

IE6	IE8	FF3.6	opera10	chrome4	safari4
冒泡到FORM	冒泡到FORM	冒泡到HTML	冒泡到HTML	冒泡到HTML	冒泡到HTML

检测reset事件的冒泡情况：

<!doctype html><html dir="ltr" lang="zh-CN" onreset="alert('能冒泡到html元素')"> <head id="head"> <meta charset="utf-8"/> <title>事件冒泡 by司徒正美</title> </head> <body onreset="alert('能冒泡到body元素')"> <div onreset="alert('能冒泡到form元素的父元素')"> <form onreset="alert('能冒泡到form元素')"> <button type="submit">重设</button> <input type="reset" value="重设"> </form> </div> </body></html>

IE6	IE8	FF3.6	opera10	chrome4	safari4
冒泡到FORM	冒泡到FORM	冒泡到HTML	冒泡到HTML	冒泡到FORM	冒泡到FORM

检测change事件的冒泡情况：

以下元素都能发生onchange事件：input（文本域），select，textarea。

<!doctype html><html dir="ltr" lang="zh-CN" onchange="alert('能冒泡到html元素')"> <head id="head"> <meta charset="utf-8"/> <title>事件冒泡 by司徒正美</title> </head> <body onchange="alert('能冒泡到body元素')"> <div onchange="alert('能冒泡到div元素')"> <form onchange="alert('能冒泡到form元素')"> <select onchange="alert('select发生onchange事件')"> <option>司徒正美</option> <option>司徒正美2</option> <option>司徒正美3</option> </select> </form> </div> </body></html>

IE6	IE8	FF3.6	opera10	chrome4	safari4
不冒泡	不冒泡	冒泡到HTML	冒泡到HTML	不冒泡	不冒泡

2 下一页

标签：事件,冒泡,JavaScript

投稿

JavaScript事件冒泡

猜你喜欢

一个jquery日期选取插件源码

SWFObject1.5: 基于Javascript的Flash媒体版本检测与嵌入模块

“您无权查看该网页”的原因和解决方法

SQL中JOIN和UNION区别、用法及示例介绍

段正淳的css笔记(3)标题右侧“更多”的实现

asp_数据库操作封装

CSS定位属性Position详解

JavaScript解释型模版

后台程序开发常用jQuery插件

讲解SQL Server危险扩展存储删除和恢复

ASP与数据库应用（给初学者）

SQL Server 2000 作数据库服务器的优点

教你轻松了解MySQL数据库中的结果字符串

asp如何在第10000名来访者访问时显示中奖页面？

CSS hack:区分IE6，IE7，firefox

RDFa介绍——构建更友好的web页面

SQL截取字符串函数分享

MSSQL存储过程解秘过程全析

超链“确认”对话框confirm

MySQL安全性指南(3)（转）