编程 Javascript

javascript事件冒泡实例分析

Posted in Javascript onMay 13, 2015

本文实例讲述了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事件冒泡实例分析

- Author -

永远爱好写程序

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascrip关于继承的小例子

May 10 Javascript

js由下向上不断上升冒气泡效果实例

May 07 Javascript

js限制input标签中只能输入中文

Jun 26 Javascript

JS继承之借用构造函数继承和组合继承

Sep 07 Javascript

pc加载更多功能和移动端下拉刷新加载数据

Nov 07 Javascript

基于DOM节点删除之empty和remove的区别(详解)

Sep 11 Javascript

关于预加载InstantClick的问题解决方法

Sep 12 Javascript

微信小程序自定义toast实现方法详解【附demo源码下载】

Nov 28 Javascript

jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())

Oct 10 jQuery

js实现固定区域内的不重叠随机圆

Oct 24 Javascript

js实现计算器功能

Aug 10 Javascript

JS实现拖动模糊框特效

Aug 25 Javascript

javascript无刷新评论实现方法

May 13 #Javascript

javascript动态创建表格及添加数据实例详解

May 13 #Javascript

javascript动态创建链接的方法

May 13 #Javascript

javascript中innerText和innerHTML属性用法实例分析

May 13 #Javascript

javascript元素动态创建实现方法

May 13 #Javascript

javascript实现模拟时钟的方法

May 13 #Javascript

javascript实现点击后变换按钮显示文字的方法

May 13 #Javascript