javascript事件冒泡實例分析
更新時間：2015年05月13日 14:40:57 作者：永遠愛好寫程序
這篇文章主要介紹了javascript事件冒泡實原理,實例分析了事件冒泡的定義及實現(xiàn)技巧,需要的朋友可以參考下
本文實例講述了javascript事件冒泡。分享給大家供大家參考。具體分析如下：
事件冒泡：
如果元素A嵌套在元素B中，那么A被點擊不僅A的onclick事件會被觸發(fā),B的onclick也會被觸發(fā)，
觸發(fā)的順序是"由內(nèi)而外".驗證:在頁面上添加一個table,table里有tr,tr里有td,td里放一個p,
在p,td,tr,table中添加事件響應(yīng)
<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程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要介紹了微信小程序url傳參寫變量的方法,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-08-08
這篇文章主要介紹了微信小程序引用外部js，外部樣式，公共頁面模板,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-07-07
最近改了一個公司項目,新增加了一個獲取用戶手機號功能,里面用到了關(guān)于獲取用戶信息和用戶手機號的功能,下面這篇文章主要給大家介紹了關(guān)于微信小程序獲取用戶手機號碼的相關(guān)資料,需要的朋友可以參考下2022-07-07
javascript 數(shù)組排序函數(shù)sort和reverse使用介紹
reverse方法將一個Array對象中的元素位置進行反轉(zhuǎn)，sort方法返回一個元素已經(jīng)進行了排序的 Array 對象，下面為大家介紹下2013-11-11
本文主要介紹了原生Javascript插件開發(fā)的思路分析以及使用示例。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
this對于一些有經(jīng)驗的JavaScript開發(fā)者來說是一種非常復(fù)雜的機制。并且很多開發(fā)者對于this的理解并不是很清晰，導(dǎo)致在面試的時候經(jīng)常受挫。今天我們就來看一看這個this真的有那么難嗎2023-02-02
這篇文章主要介紹了詳解性能更優(yōu)越的小程序圖片懶加載方式，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
這篇文章主要介紹了JavaScript正則表達式之RegExp對象，對RegExp對象的基本使用方法，以及各種方法進行整理，感興趣的小伙伴們可以參考一下2015-12-12
Bootstrap，來自 Twitter，是目前最受歡迎的前端框架。本文給大家介紹BootStrap 柵格系統(tǒng)的相關(guān)資料,需要的朋友可以參考下2016-04-04
這是來自http://www.quirksmode.org/js/this.html這篇文章里對this的定義，直接看定義似乎什么也不知道，下面通過實例來說明各種情況下this所指代的對象以及原理。2008-10-10