日本韩国黄色三级三级,欧美在线天堂一区二区

那么一個(gè)函數(shù)是如何捕捉事件的呢，其實(shí)就像是一杯水,但是這杯水是分層次的,最底下是當(dāng)前觸發(fā)事件的物件。然后越往上范圍越大，最頂層是window，倒數(shù)第二層是document 。氣泡在上浮過(guò)程中會(huì)判斷當(dāng)前所到達(dá)的層有沒(méi)有相應(yīng)的函數(shù)或是處理方法。有話就執(zhí)行相應(yīng)的處理，沒(méi)有的話就繼續(xù)向上起泡，直到到達(dá)最頂層的window視窗層。我們可以在任何一層做相應(yīng)的處理以阻止事件繼續(xù)起泡，方法就是呼叫事件物件的阻止起泡的方法。以下是事件起泡的例子：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http ://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>sun</title > <script src="https://www.520longzhigu.com/diannao/js/jquery-1.4.3.js" type="text/javascript"></script> <script language="javascript"> $(document).ready(function(){$(' .one').click(function(e){alert('one');});$('.two').click(function(e){alert('two');});$('.three').click(function(e){alert('three');//阻止起泡取消下面的注釋//e.stopPropagation();}); });</script> </head> <body> <div class="one" style= "width:200px;height:200px;background:green;"> one<div class="two" style="width:150px;height:150px;background:yellow;">two<div class="three">three</div></div> </div> </body> </html>一個(gè)事件起泡對(duì)應(yīng)觸發(fā)的是上層的同一事件，單擊two的時(shí)候就會(huì)起泡觸發(fā)one單擊的事件，單擊tree時(shí),會(huì)同時(shí)觸發(fā)two,然后觸發(fā)one 。如果在click事件中，在你要處理的事件之前加上e.preventDefault()；那么就取消了行為(通俗理解：相當(dāng)于做了個(gè)return操作)，不執(zhí)行之后的語(yǔ)句了。e.stopPropagation()只要在click事件中，就不會(huì)觸發(fā)上層click事件。結(jié)語(yǔ)希望這篇文章能夠幫助你了解基本的JavaScript，如果想看更多內(nèi)容，可以到快樂(lè)學(xué)程式的官網(wǎng)逛逛，相信可以在你學(xué)程式的路上有所幫助。

以上關(guān)于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關(guān)的問(wèn)題，請(qǐng)您及時(shí)就醫(yī)或請(qǐng)專業(yè)人士給予相關(guān)指導(dǎo)!

「愛(ài)刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對(duì)您有所幫助：

知識(shí)與語(yǔ)法整理筆記 js零基礎(chǔ)快速學(xué)習(xí)教程( 三 )