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