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)文章
layui下拉列表select實現(xiàn)可輸入查找的方法
今天小編就為大家分享一篇layui下拉列表select實現(xiàn)可輸入查找的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了js操作模態(tài)窗口及父子窗口間相互傳值,需要的朋友可以參考下2014-06-06
JavaScript快速排序...2007-01-01
Layui給數(shù)據(jù)表格動態(tài)添加一行并跳轉(zhuǎn)到添加行所在頁的方法
今天小編就為大家分享一篇Layui給數(shù)據(jù)表格動態(tài)添加一行并跳轉(zhuǎn)到添加行所在頁的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
JavaScript節(jié)點及列表操作實例小結(jié)
這篇文章主要介紹了JavaScript節(jié)點及列表操作的方法,以實例的形式較為詳細的總結(jié)了javascript針對節(jié)點操作的相關(guān)技巧,并給出了一個完整的節(jié)點操作方法實例總結(jié),需要的朋友可以參考下2015-08-08
Bootstrap導(dǎo)航欄各元素操作方法(表單、按鈕、文本)
這篇文章主要介紹了Bootstrap導(dǎo)航欄各元素操作方法，針對表單、按鈕、文本進行操作，感興趣的小伙伴們可以參考一下2015-12-12
本文給大家?guī)韮煞Njs中查找字符串中出現(xiàn)次數(shù)最多的字符，在這兩種方法中小編推薦使用第二種，對js查找字符串出現(xiàn)次數(shù)的相關(guān)知識感興趣的朋友一起看看吧2016-09-09
最近同事問了一個問題，說在js中如果函數(shù)與對象重名了會怎么樣？仔細詳細這個問題值得討論一下，所以便有了這篇文章，這篇文章主要給大家介紹了關(guān)于JavaScript中重名的函數(shù)與對象的相關(guān)資料，需要的朋友可以參考借鑒，下面來一起看看吧啊。2017-09-09
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)文件預(yù)覽，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
最近在學(xué)習(xí)webpack，本文主要介紹了loader插件的調(diào)試方法，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-06-06